[Resolved] How to use custom padding for single post exclude specific category?

[Trạng]

Hi there, I’m using this custom css code for my single post padding in Blog category.

/** Single post padding **/
@media(min-width: 769px) {
    .single.separate-containers .inside-article,
    .single.separate-containers .comments-area,
    .single.separate-containers .page-header,
    .single.separate-containers .paging-navigation,
    .single.one-container .site-content,
    .inside-page-header {
        padding: 30px 20px 120px 150px;
    }
    .site-content .is-right-sidebar {
        width: 29%;
    }
}

But I don’t want it effect all the posts in my Buying guide, review category because of those posts I just use content no sidebar layout.

So let’s say:

+ In buying guide, review category -> I use element “post width layout” & tick to no sidebar
+ All other posts, I use content/sidebar layout.

[Trạng]

Can anyone help me with this problem?

[Trạng]

Still wait for the support

[David]

Hi there,

if you want that CSS to only apply to posts that have the right-sidebar then include that body class in your CSS:

/** Single post padding **/
@media(min-width: 769px) {
    .single.separate-containers.right-sidebar .inside-article,
    .single.separate-containers.right-sidebar .comments-area,
    .single.separate-containers.right-sidebar .page-header,
    .single.separate-containers.right-sidebar .paging-navigation,
    .single.one-container.right-sidebar .site-content,
    .right-sidebar .inside-page-header {
        padding: 30px 20px 120px 150px;
    }
    .site-content .is-right-sidebar {
        width: 29%;
    }
}

[Trạng]

Thank David,

It works but now in the “non-right-sidebar” post -> the top & bottom padding is remove. How could I fix it?

Screenshot 1
Screenshot 2

[Elvin]

Hi there,

It works but now in the “non-right-sidebar” post -> the top & bottom padding is remove. How could I fix it?

I believe this is related to your other opened topic.

Please see my reply. 🙂
https://generatepress.com/forums/topic/setting-top-bottim-padding-for-page-layout/#post-2046959

Note: You may have to set the parent selector for #content if you have any specific condition.

[Author]

Posts