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

Change Colours and styling of a Specific Folder in 7.1


tommiatke

Question

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
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

Looks like you already solved it? (I see two drop-downs with the color treatments you described.) However if you hover over the first drop-down and then the second, the first is still active so the second is hidden; you may already be on it but figured I'd flag.

Link to comment
  • 0

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

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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...