Archived topic
trying to make margins or padding for full width content setting
5 replies · Started by sdanbu on May 7, 2017
I am trying to change the full width setting so that I can make margins or padding
Not sure how to do that.
Do I edit the style sheet
.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article,.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin:0}.top-bar-align-center .in
If you want to add padding to the full width template, you could do this:
.full-width-content.one-container .site-content,
.full-width-content.separate-containers .inside-article {
padding:40px;
}
Thank you
Is there a way to make it apply only for desktop and not for mobile viewports?
Yep:
@media (min-width: 769px) {
.full-width-content.one-container .site-content,
.full-width-content.separate-containers .inside-article {
padding:40px;
}
}
Hi Tom,
If I set this, my sidebar and content area end up pressed hard against the side of the browser.
I want to include a 30px fixed space on ether side of the main content area. ie 30px to the left of the left sidebar and 30px to the right of the content area.
Whats' the easiest way to do that?
Mark
Hi there,
any chance you can raise a new topic where you can share a link to your site so we can take a look.