Archived topic
Disable specific custom CSS on homepage
3 replies · Started by Rickard on August 9, 2022
Viewing posts 1–4 of 4
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
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);
}Hi David,
That worked perfectly.
Thank you so much!
You're welcome
This archived topic is closed to new replies.
