[Resolved] Want to change content padding for single posts

[Zad]

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?

[Zad]

What it looks like now: https://imgur.com/a/uwYyXHA

What I want it to look like: https://imgur.com/a/hHUbeTI

[Zad]

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

[Leo]

Hi there,

It should be:

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

[Zad]

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

[Leo]

Edited the code above so it desktop only.

[Zad]

Thank you! It worked!!

[Leo]

No problem!

[Author]

Posts