Jump to content

How do I bold a linked phone number in the navigation menu?

Recommended Posts

Add the following to Custom CSS.

body[data-menu-overlay-theme-switcher="true"]:not( .header--menu-open ) .black-bold .header-nav-wrapper a[href="tel:+14052368401"] {

  color : yellow;

This is for v7.1 and specific to the poster's need.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Hi there, I'm also looking to make my phone number bold in my header to make it stand out from the other navigation links.

I tried adapting the code you provided here but it's not working. Can you please let me know if you have a solution for bolding just the phone number? Thank you!



In case this is needed, here's the code I'm currently using to have the navigation links hover in the green color, which I want to keep as is:

.header-nav *:hover {
    color: #BABC16 !important;


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.