Jump to content

How to I change the color on the background of a dropdown?

Recommended Posts

  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Thank you @tuanphan! You are incredible.

So I got that to work but I have two questions now.

1) Is there a way that I can change the opacity so the background doesn't look too solid?

2) Some of the pages have a lighter background so is it possible to not use the dropdown background for those pages? Just keeping those pages clean

Screenshot 2023-07-14 at 11.16.22 AM.png

Screenshot 2023-07-14 at 11.16.06 AM.png

Link to comment
  • 1 year later...

#1. Use CSS code like this to change opacity of dropdown background

div.header-nav-folder-content {
    background-color: rgba(51,8,247,0.5) !important;
}

#2. To remove dropdown background on One Page, use CSS code like this

#collection-6673f2e18432c25013aee99f div.header-nav-folder-content {
    background-color: transparent !important;
}

with #co....99f is Page ID. Use this approach to find Page ID

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.