Kalie Posted March 6, 2021 Share Posted March 6, 2021 Site URL: https://www.standardroofingok.com Hey there, I'm working on a website for a client and he wants to make the linked phone number stand out (maybe bold, or yellow). Is this possible somehow? I came across some similar questions on here, but no luck with the code in their answers. Link to comment
creedon Posted March 6, 2021 Share Posted March 6, 2021 (edited) 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 March 8, 2021 by creedon Kalie and tuanphan 2 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Kalie Posted March 7, 2021 Author Share Posted March 7, 2021 Thanks for your help! That code worked perfectly for the color change. creedon 1 Link to comment
pixies1 Posted March 8, 2021 Share Posted March 8, 2021 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! https://typeaprofessionals.com 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
creedon Posted March 8, 2021 Share Posted March 8, 2021 @pixies1 Add the following to Design > Custom CSS. .header-nav-item [href="tel:+18055008973"] { font-weight : 600; } This is for v7.1 and specific to the poster's need. Let us know how it goes. tuanphan and pixies1 2 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
pixies1 Posted March 8, 2021 Share Posted March 8, 2021 Voila! Looks great, thank you so much! creedon 1 Link to comment
pixies1 Posted March 10, 2021 Share Posted March 10, 2021 Hi again 👋 Is it possible to hide my phone number from the mobile navigation menu? Thanks in advance! https://typeaprofessionals.com Link to comment
creedon Posted March 11, 2021 Share Posted March 11, 2021 @pixies1 Add the following to Design > Custom CSS. /* hide phone number in navigation menu on mobile */ .header-menu-nav-item [href="tel:+18055008973"] { display : none; } This is for v7.1 and specific to the poster's need. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
pixies1 Posted March 11, 2021 Share Posted March 11, 2021 Worked perfectly, thank you! creedon and tuanphan 2 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment