[Support request] Disable specific custom CSS on homepage

[Rickard]

Hello there,

I am using the following custom CSS to add some borders to some website elements:

.inside-article, .paging-navigation,
.sidebar .widget,
.comments-area {
		border: 1px solid rgba(223, 223, 223, 1);
}

But I want to disable this code on the homepage only, so it doesn’t show up there but still is active on all other pages on the site. I have tried to figure this out but I really need some help here.

Best regards

[David]

Hi there,

try this:

body:not(.home) .inside-article, 
body:not(.home) .paging-navigation,
body:not(.home) .sidebar .widget,
body:not(.home) .comments-area {
		border: 1px solid rgba(223, 223, 223, 1);
}

[Rickard]

Hi David,

That worked perfectly.

Thank you so much!

[David]

You’re welcome

[Author]

Posts