How to add margins (or padding) on the left and right sides of the content only

Hey Rikard,

I have pasted the code in Quick CSS after this in Enfold->General Layout->Dimensions I have settled the width of Content+Bar at 70% dut it doesn’t work.

I also tried to reduce by 30% the maximum width of the contener in px but it doesn’t work.

Any other idea?

I don’t know if this can help but I copy/paste just below all the lines of the Quick CSS window:

.av-logo-container, #footer .container {
width: 100%;
max-width: 100%;
}

.sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
font-weight: bold!important;
font-size: 15px!important;
}

#top .av-tab-arrow-container span { background: #059ed1!important; }

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text { padding-left:20px; padding-right:20px; }

.av-masonry-date {
display: none!important;
}

/*—————————————-
// CSS – Styling contact form 7
//————————————–*/

/* Textarea email and input fields */
#top .wpcf7-form input[type=’text’],
#top .wpcf7-form input[type=’email’],
#top .wpcf7-form .wpcf7-textarea {
/*border-color: #d0d2d3;*/
/*background: #dbebfa;*/
/*color: #00334e;*/
font-family: “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 1em;
padding: 13px!important;
border-radius: 2px;
}

/* Submit button */
#top .wpcf7-form .wpcf7-submit {
padding: 15px 30px;
border-radius: 2px;
}

Thank you so much for your help,

Kind regards,

Olivier

Hi Rikard,

Sorry but it still doesn’t work, the width of the main content is still 100% even if I have settled it at 70% in Enfold->General Layout->Dimensions.

Any other idea to fix this?

Thank you so much,

Kind regards,

Olivier

Hi,

Thank you for your answer.

We want to keep the width of the header (menu bar) and the width of the footer to 100% (1310px).

And we want to set the width of the main content of the pages (the body) to 70% (917px).

Is it more understandable for you?

Thank you so much,

Best regards,

Olivier

Hi Rikard,

Thank you very much, I have pasted your code in the Qucik CSS and settled the maximum width of the site at 917px in Enfold->General Layout->Dimensions, but it still doesn’t work… :-(

Any other idea?

Thank you so much,

Best regards,

Olivier

Hi,

Thank you very much, I have activated the option to delete the old CSS and JS files under Enfold->Performance (It was not activated) but I cannot see any changes, even after saving again the last changes we had done together on Qucik CSS.

Any other idea?

Tanks again,

Best regards,

Olivier

Hi Rikard,

Thank you very much and yes, that is exactly how I want it.

I have pasted your CSS in the WordPress ▸ Customize ▸ Additional CSS field and it works!!!

Bravo!

The only last issue is that now even the sections in which we have activated a width in full screen are now limited to a width of 917 px.

Is there a way to create an exception in the CSS to keep this sections in full screen width?

Thank you so much,

Olivier