Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Dropdown Menu colour Squarespace 7.1


Go to solution Solved by tuanphan,

Recommended Posts

On 6/21/2022 at 7:06 AM, tuanphan said:

What is your site url? We can check easier

 

On 6/23/2022 at 9:03 AM, tuanphan said:

Add to Design > Custom CSS

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item {
    padding-top: 0;
    padding-bottom: 0;
}

 

Awesome, thanks!

Link to comment
  • 2 months later...

I changed the top nav menu on my blog page to have a custom background colour and font colour, but for some reason there's this white padding around the drop down folder. Is there a way to make this padding dark grey as well?

Here's my site: https://sapphire-grouse-xtsp.squarespace.com/

This is the code I've used:

body[class*="collection-type-blog"].view-item header#header {
    background-color: #636466 !important;
}

body[class*="collection-type-blog"] header#header a {
    color: #fff !important;
}

body[class*="collection-type-blog"] header#header div.header-nav-folder-content a {
    background-color: #636466
      !important;
}

body[class*="collection-type-blog"] header#header div.nav-folder a {
    background-color: #636466
      !important;
}

body[class*="collection-type-blog"] header#header div.header-nav-folder-content a {
      color: #ffffff !important;
}

Screen Shot 2022-09-04 at 10.18.47 PM.png

Link to comment
8 hours ago, z03 said:

I changed the top nav menu on my blog page to have a custom background colour and font colour, but for some reason there's this white padding around the drop down folder. Is there a way to make this padding dark grey as well?

Here's my site: https://sapphire-grouse-xtsp.squarespace.com/

This is the code I've used:

body[class*="collection-type-blog"].view-item header#header {
    background-color: #636466 !important;
}

body[class*="collection-type-blog"] header#header a {
    color: #fff !important;
}

body[class*="collection-type-blog"] header#header div.header-nav-folder-content a {
    background-color: #636466
      !important;
}

body[class*="collection-type-blog"] header#header div.nav-folder a {
    background-color: #636466
      !important;
}

body[class*="collection-type-blog"] header#header div.header-nav-folder-content a {
      color: #ffffff !important;
}

Screen Shot 2022-09-04 at 10.18.47 PM.png

It looks fine to me. Did you solve it?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...
18 hours ago, emilypeacock said:

@tuanphan

By any chance would you know the code to be able to target specific drop down menus.

I have 2 drop down menus and I want them to be different colours.

Thankyou!

What is your site url? We can give code easier

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...