TrentNader Posted November 20, 2019 Share Posted November 20, 2019 Hi all, I was wondering if anyone could help with some css that would make the text bold for the current navigation selection. Thanks in advance! Link to comment
tuanphan Posted November 20, 2019 Share Posted November 20, 2019 Can you share link to your site? 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
TrentNader Posted November 20, 2019 Author Share Posted November 20, 2019 (edited) https://www.trentnader.com/ @tuanphan Edited November 20, 2019 by TrentNader Link to comment
tuanphan Posted November 20, 2019 Share Posted November 20, 2019 3 hours ago, TrentNader said: https://www.trentnader.com/ @tuanphan add to home > Design > Custom CSS a.Header-nav-item { font-weight: bold; } 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
TrentNader Posted November 20, 2019 Author Share Posted November 20, 2019 @tuanphan But is there a way for only the active page to be bold? Link to comment
tuanphan Posted November 20, 2019 Share Posted November 20, 2019 14 minutes ago, TrentNader said: @tuanphan But is there a way for only the active page to be bold? .Header-nav-item--active { font-weight: bold; } 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
TrentNader Posted November 20, 2019 Author Share Posted November 20, 2019 @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"? Link to comment
tuanphan Posted November 20, 2019 Share Posted November 20, 2019 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
TrentNader Posted November 20, 2019 Author Share Posted November 20, 2019 (edited) @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? Edited November 20, 2019 by TrentNader Link to comment
tuanphan Posted November 20, 2019 Share Posted November 20, 2019 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
TrentNader Posted November 20, 2019 Author Share Posted November 20, 2019 @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? Link to comment
tuanphan Posted November 20, 2019 Share Posted November 20, 2019 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
espencer Posted February 4, 2021 Share Posted February 4, 2021 Hello, Im having trouble making my main navigation bold when active Link to comment
tuanphan Posted February 5, 2021 Share Posted February 5, 2021 18 hours ago, espencer said: Hello, Im having trouble making my main navigation bold when active can you share site 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
espencer Posted February 5, 2021 Share Posted February 5, 2021 www.ewenspencer.com thanks. Link to comment
tuanphan Posted February 6, 2021 Share Posted February 6, 2021 20 hours ago, espencer said: www.ewenspencer.com thanks. Your site is private. You can setup password & share url. We can help easier 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
tuanphan Posted February 7, 2021 Share Posted February 7, 2021 What is password? 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
tuanphan Posted February 9, 2021 Share Posted February 9, 2021 14 hours ago, espencer said: its now public Add to Design > Custom CSS li.active-link a { color: red !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
espencer Posted February 9, 2021 Share Posted February 9, 2021 Thanks, but the main navigation still is not bold when active. Link to comment
tuanphan Posted February 13, 2021 Share Posted February 13, 2021 On 2/9/2021 at 9:25 PM, espencer said: Thanks, but the main navigation still is not bold when active. Try 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
csegurson Posted April 27, 2022 Share Posted April 27, 2022 (edited) 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 April 27, 2022 by csegurson Link to comment
tuanphan Posted May 1, 2022 Share Posted May 1, 2022 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
srwdesign Posted June 9, 2023 Share Posted June 9, 2023 Can I extend this topic by asking how to apply making an active page bold in the Nav menu on mobile please? Currently I can only get it to work on desktop. Thanks 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