Jump to content

Bold active navigation selection

Recommended Posts

  • Replies 25
  • Views 5k
  • Created
  • Last Reply

Top Posters In This Topic

5 minutes ago, TrentNader said:

@tuanphan Thank you! Also is there a way to make it so the dividers between navigation links isnt affected by the active link? In other words, can the dividers not be "clickable"? 

I have no idea now....

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
30 minutes ago, TrentNader said:

@tuanphanHaha no worries, last question for now 🙂 I saw on your website you had guide on how to display a cover image that appears before the website. How did you give that image a squarespace url? 

I don't quite understand your question....

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
8 minutes ago, TrentNader said:

@tuanphanFrom this link on your website(https://beaverhero.com/squarespace-image-loading-screen/) How do I create a url for a picture on my desktop to replace the image url you have in the code already?

Upload your picture to Squarespace & get url 😎

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
  • 1 year later...
  • 1 year later...

Hello, 

Thank you @tuanphan. Very helpful link. 

When I applied the code below to my site, it unfortunately, makes the entire folder and its contents bold (see projects > The Cuphead Show!) . Is there a way to fix it so that only the selected project within the folder is bold?

li.active-link a {
    font-weight: bold !important;
}

My site=  https://cosmosegurson.squarespace.com 

password = Hello!

Please let me know your thoughts, thank you!

Edited by csegurson
Link to comment
On 4/28/2022 at 1:58 AM, csegurson said:

Hello, 

Thank you @tuanphan. Very helpful link. 

When I applied the code below to my site, it unfortunately, makes the entire folder and its contents bold (see projects > The Cuphead Show!) . Is there a way to fix it so that only the selected project within the folder is bold?

li.active-link a {
    font-weight: bold !important;
}

My site=  https://cosmosegurson.squarespace.com 

password = Hello!

Please let me know your thoughts, thank you!

Try this new code

li.active-link>a {
    font-weight: bold !important;
}

 

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
  • 1 year 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.