Classic Theme–How to Change Light Green Border Color?

[Annie]

Hello,

Would you please tell me how to change the light green color of the borders in the Classic theme to another color? I have tried for hours and can’t figure it out.

Thank you.

[Leo]

Hi there,

I don’t see any light green color border in Classic but I believe this is what you are after:

.main-navigation, .footer-widgets {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

You can find the CSS in the Additional CSS field in the customizer:

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Annie]

Hi Leo,

The light mint green color is in the borders of each page, in between the header and body, and around the body blocks of the “search” and “recent posts” in the right side bar. Can you see that? The light mint green is a faint color, but noticeable. I would like to change that color. If I change it via the CSS, I need a bit of guidance on how to do that.

Thank you.

[Leo]

I really don’t see it.

Are you seeing it here?
https://gpsites.co/classic/

I don’t see any right sidebar either.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Annie]

Yes, absolutely I see it, the light green mint color. It’s one the sides, both left and right, and it’s the color of the navigation bar. The rest of the site, the header and body is white.

As to the right sidebar, I added one to my site. I’m sorry for the confusion here.

Thank you, Leo.

[Leo]

Is this what you are referring to?
https://www.screencast.com/t/K8wKVJccXXpB

If so this is it:
https://generatepress.com/forums/topic/classic-theme-how-to-change-light-green-border-color/#post-1302568

If not can you show a screenshot of what you are referring to? You can use a service like this to upload the screenshots:
https://postimages.org/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Annie]

Yes sir, Leo, that’s what I’m referring to. Thank you so very much for your help with this.

[Annie]

Leo, what do I do with this code/CSS?

.main-navigation, .footer-widgets {
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}

[Leo]

Remove the entire if you don’t want the borders.

Or change the rgba(0,0,0,0.1); part if you want to change the color – for example #000000;

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Annie]

Got it. Thank you. I will try tomorrow. Have a good and restful night.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts