Jump to content

Change Colours and styling of a Specific Folder in 7.1

Recommended Posts

Site URL: https://tangerine-crane-czyb.squarespace.com/

Hi there, 

Is there any way to specify and change individual folders and their styling components? Im grouping the nav links of my site into 2 folders, in Folder 1 I'd like to have a White Background, and on Folder 2, Id like a Dark Blue Background (with white links). How do you target a specific folder in CSS is probably my main question. 

Ive been following @inside_the_square in order to change properties overall, but I'd like to now go in and work on each folder to change these main elements. 

Hoping this is possible! 

Thanks 

Site: https://tangerine-crane-czyb.squarespace.com/
password: cm

 

 

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hey there @dvgdvgdvg, Ive kind of solved it, I ended up buying a plugin from Will Myers that created a Mega Menu. (The colour of the Menu for each folder is constrained by the section colour, hard to explain!)

If I could extend the question a bit further (which is still relevant to this), Id like to be able to have the header colour change to the section its on. Eg: Header stay white when hovering on Coastal Marine, and header change to the blue when hovering over Coastal Sails (and to really push the friendship, Id really love the logo to change when hovering over Coastal Sails too....) . Currently it turns blue when hovering over both links as I cant specify which folder/link.... if that makes sense.  

Thanks! 

Edited by tommiatke
Link to comment
On 2/11/2021 at 11:00 AM, tommiatke said:

Hey there @dvgdvgdvg, Ive kind of solved it, I ended up buying a plugin from Will Myers that created a Mega Menu. (The colour of the Menu for each folder is constrained by the section colour, hard to explain!)

If I could extend the question a bit further (which is still relevant to this), Id like to be able to have the header colour change to the section its on. Eg: Header stay white when hovering on Coastal Marine, and header change to the blue when hovering over Coastal Sails (and to really push the friendship, Id really love the logo to change when hovering over Coastal Sails too....) . Currently it turns blue when hovering over both links as I cant specify which folder/link.... if that makes sense.  

Thanks! 

Do you still need help?

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
17 hours ago, tuanphan said:

Do you still need help?

Hi @tuanphan ,

Yes I do please! On these points:

  • Id like to be able to hover over 'Coastal Marine...' and the Header + Drop Down REMAIN white
  • When I hover over the 'Coastal Sails...' to allow the header + dropdown to be Blue (with the main nav link to perhaps change to white so it can be read). 
  • The Logo to change when I hover over 'Coastal Sails...' to an alternate logo.

Please let me know if this is possible! And thank you so much for your help

Thanks, Tom 

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.