Hi, Go to Appearance / Customize / Custom CSS
To change the page width, enter:
#main {max-width:100%}
The left and right columns are % not fixed width, so adjust to suit, for example:
.layout-sc #sidebar-primary{width:30%}
.layout-sc #content{width: 70%}
Alternatively you can use px instead of % if you wish but then your site will not respond to different display widths.
Thanks Lorro. The homepage’s width has been changed but the blog’s width has too become 100% and
.layout-sc #sidebar-primary{width:30%}
.layout-sc #content{width: 70%}
didn’t change the blog’s width.
Hi, Please post the url to the page.
Hi, My content is on the right. Upon investigation, when the content is on the left like your site, the “sc” bit needs to be “cs”:
.layout-cs #sidebar-primary {width:30%}
.layout-cs #content {width:70%}
Sorry for the late reply.
@lorro,thanks for your time,but that too didn’t work. I am using a frontend builder to create the home page and hence it need to be 100% wide to look good.
Is there any other way?
Hi, Sorry I am not familiar with the frontend builder. The technique that I use for css issues is to bring up the page in Chrome, right click on the part of the page that is not how you want it, then click on Inspect element. Look at the series of elements in the Elements tab. You can edit the styles in-situ in the panel on the right and see what works. Good luck!
Try this:
body.home #main {
max-width: 100%;
}
body.home #content {
padding: 0;
}
Many thanks @batharoy,that worked.
