Docs

[keith s]

I have done a lot of modifying of the CSS and the normal page layout and it seems to be biting me in the behind. I am almost done and have one more issue. The posts page does not have any padding in the right side of the page body. Anything I modify effects the other layouts for the homepage and subpage. Since it’s a post I have no control over the section/row/column padding. Please advise. Thank you.

Examples:

News item created from post – http://edgertonksdev.org/edgerton-news-headline-four/ *Padding issues.

Sub page – http://edgertonksdev.org/about/

Home page – http://edgertonksdev.org/

[Nabeel A]

Hi there,

Thanks for writing in! Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-container.max.width.offset {
    width: 89% !important;
    padding: 0 20px !important;
}

Let us know how this goes!

[keith s]

I left it in place. You can see that it takes away from the other pages width yet leaves the header and footer at 1200 pixels.

[Rue Nel]

Hello There,

Thanks for updating in! Sorry if it didn’t quite work out well. Please remove the given css from our previous reply. You can make use of this code instead:

@media(min-width:980px){
  .x-main.right {
    padding-right: 30px;
  }
}

And you should have something like this: http://prntscr.com/deq8ed

Hope this helps. Please let us know how it goes.

[keith s]

That worked great for desktop view. It removes all padding at smaller widths. I also have one more issue and that is the header does not stay contained on smaller widths. When it goes to 320px wide the header still stretches the entire width of the viewport. This exists on all templates. If I can get these two items addressed I am good to go.

I cannot thank you enough for your assistance.

News item created from post – http://edgertonksdev.org/edgerton-news-headline-four/

Sub page – http://edgertonksdev.org/about/

Home page – http://edgertonksdev.org/

[Rad]

Hi there,

Please add this CSS as well,

.masthead {
width: 88%;
}

Cheers!

[keith s]

So far so good! Thanks so much for your assistance.

[Rad]

You’re so much welcome!

[Author]

Posts