Margin/Padding modifications

Hello guy I would like to change the padding/margin between the modules and page borders. Please the attached image what I'm referring to are in green color.

Help Please !!!!!!!!!!!!!!

A little help Pleaseeee

Try something like this:

Code: Select all

#gk-header {padding:0 5px!important;margin-bottom: 5px!important}
#gk-header2 .two-modules .moduletable:first-child{margin-bottom:-10px!important}
#gk-header1 .moduletable {margin:0 -10px 0 0!important;}


I recommend that you enable override.css file on template parameters and add this code inside.

Cheers

Open the file template.css and modify the line:

#gk-header { margin-bottom: 18px; padding:0 18px; }
#gk-container { margin: 0 0 18px; padding:0 18px; }

Cheers

Where should i add that? TemplateCss or overrideCss? Also i would like to change that for the component content as well.

@Celone changes is fine too.

I recommend that you place it on override.css file, because when we release new updates, you don't have to check what changes were made on ccs files.

Don't forget to enable on template parameters > Dev. Mode

Cheers

@ Seichinha . thank you. I have already implemented your changes. I want also for all the modules especially right top, right bottm, right 1, right 2 . Please help