[Resolved] Adjusted title spacing on post affects homepage & archives

[Dmitrii]

The left padding I added to push the titles on my Posts is also affecting my homepage & archive pages.

How do I make it so that the padding only applies to post titles (and not the homepage or archive pages)?

[Ying]

Hi Dmitrii,

How did you set the left padding? Customizer option or CSS?

Let me know 🙂

[Dmitrii]

Customizer option.

[Ying]

Is this the value you set in customizer:
[screenshot redacted as requested by user]

If so, change it to a normal value in customizer, then add this CSS so that the padding only applies to single post pages.

.separate-containers.single-post .inside-article {
    padding: 95px 45px 0px 120px;
}

[Dmitrii]

Please remove my site – I do not want it shared with the public via screencast.

And thank you – that worked.

[Dmitrii]

It worked on desktop, but now my page looks very wrong on mobile and tablet. Reverting the change in the mean time.

[Tom]

Hi there,

You can make the custom CSS apply on desktop-only like this:

@media (min-width: 1024px) {
    .separate-containers.single-post .inside-article {
        padding: 95px 45px 0px 120px;
    }
}

Let us know if that helps or not 🙂

[Dmitrii]

That worked perfectly, thanks Tom!

Just for my own sake – is additional left padding the best way to create a “centered” style like this? https://www.weddingforward.com/lavender-wedding-colors/

Or is there a better way forward?

Thanks!

[Ying]

is additional left padding the best way to create a “centered” style like this?

No, the content should be centered by default if there’s no sidebar activated on the page.

[Dmitrii]

Got it – I have a side bar though (there will be ads there shortly).

Does that change anything?

[Ying]

Then the content + sidebar as the site container will be centered automatically.

I can’t imagine only center the content with a sidebar activated, then the margin/space on the 2 sides would be different.

[Dmitrii]

Thanks.

[Ying]

No problem 🙂

[Author]

Posts