Jump to content

Remove transparent gradient from menu on Blog pages

Go to solution Solved by tuanphan,

Recommended Posts

Hi, I'm trying to remove the transparent gradient behind the menu on just the main blog page and individual blog pages on my website. I need the transparent gradient on the rest of the site so that the menu is legible over the header images/videos, but the dark transparent gradient on the white background of the main blog page and individual blog pages looks strange.

I'm not a CSS whiz, or a CSS anything, but I tried the following with no success:

#collection-64add8659c05751789d8ed1a {
  div.header-announcement-bar-wrapper {
    color: #ffffff

Any help is greatly appreciated! 


Screenshot 2023-09-05 at 7.11.01 PM.png

Screenshot 2023-09-05 at 7.11.10 PM.png

Link to comment
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.