Archived topic
CSS Issue/Header Help - Conflicting code
5 replies · Started by yury on January 7, 2019
I installed a premade generate press design, and it has this code but it's causing an issue for me:
/* GeneratePress Site CSS */ .inside-article,
.sidebar .widget,
.comments-area {
border: 1px solid rgba(232, 234, 237, 1);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}
There is a line/space where my menu ends and where the design begins so you see that extra white there. How do I fix the issue? It seems the way to fix it is removing the code above from .comments-area but then that messes up with the code on all the other pages/posts becauase it removes the box-shadow/border around the main content area
Hi there,
You can modify the CSS like this to exclude the home page:
body:not(.home) .inside-article,
.sidebar .widget,
.comments-area {
border: 1px solid rgba(232, 234, 237, 1);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}Let me know if this helps :)
Thank you but that won't be a good fix because I have the same issue on other pages:
https://www.onbiz.com/deals/
https://www.onbiz.com/online-business-ideas/
Is there any logic in this? Like do you only need the border in single posts?
I guess for the time being if we can just limit it to only posts that will work
This should do:
body.single .inside-article,
body.single .sidebar .widget,
body.single .comments-area {
border: 1px solid rgba(232, 234, 237, 1);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}