Site logo

Archived topic

Want to change content padding for single posts

7 replies · Started by Zad on May 30, 2018

Viewing posts 1–8 of 8

I currently like the way my content padding is on every other page Archives, home page, about page, etc, but I want to make it 200 from the left and 200 from the right to make it more packed on single page blog posts.

Is this possible with some CSS code or PHP code?

I'm hoping to keep the container width and everything else the same, I only want to change the content padding for single posts

Hi there,

It should be:

@media (min-width:769px) {
    .single.one-container .site-content {
        padding-left: 100px;
        padding-right: 100px;
    }
}

It works, but it seems to distort the mobile view. Is there any way to implement this without changing it for mobile? or leaving mobile as is? which is 30 pixels from the left, right

Edited the code above so it desktop only.

Thank you! It worked!!

No problem!

This archived topic is closed to new replies.