Content Width

Site URL: http://www.maeganlutz.com/homepage

I am using the Margot template. I purchased a template from Squaremuse which uses the Margot template as a base. I am trying to determine how to make my content width wider. Everything on the page is SO narrow except my banner images. I have looked for hours for CSS to fix it, but haven't had any luck that has worked for me. Could someone help me out? TIA!!!

* See image for reference of what I would like to do, move over on each side to make content wider*

Have you contacting Squaremuse yet?

Add this code to Home > Design > Custom CSS

section#summary-type-4 .Index-page-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

2 minutes ago, tuanphan said:

Have you contacting Squaremuse yet?

yes, I did, but they didn't answer me.

This worked!! Is there a way to add a little padding to right and left side so its not quite 100%. Also I am wanting this across my entire website, not just this page. Is that possible with one code?

THANK YOU!

2 minutes ago, tuanphan said:

 

9 minutes ago, Maeganlutz said:

 

 

to add padding, use

section#summary-type-4 .Index-page-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
	padding-left: 3vw;
	padding-right: 3vw;
}

Which sections do you want to do this? Try this

section .Index-page-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding-left: 3vw;
    padding-right: 3vw;
}