[Support request] CSS Issue/Header Help – Conflicting code

[yury]

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

[Leo]

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 🙂

[yury]

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/

[Leo]

Is there any logic in this? Like do you only need the border in single posts?

[yury]

I guess for the time being if we can just limit it to only posts that will work

[Leo]

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);
}

[Author]

Posts