northshore 0 Posted November 4 I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you! Share this post Link to post
tuanphan 6,143 Posted November 4 6 minutes ago, northshore said: I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you! You should share link to your site. It needs some custom code. Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
northshore 0 Posted November 4 Here is the link to the site: minidokafilm.com Do you know what the custom code should be? Share this post Link to post
tuanphan 6,143 Posted November 5 2 hours ago, northshore said: Here is the link to the site: minidokafilm.com Do you know what the custom code should be? Add to Home > Design > Custom CSS .main-nav a[href="/donate"] { background: darkgray; padding: 5px 10px !important; border: none !important; color: white; } 1 northshore reacted to this Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
DAVYR 0 Posted November 20 On 11/5/2019 at 6:11 PM, northshore said: Thank you so much! On 11/5/2019 at 3:12 AM, tuanphan said: Add to Home > Design > Custom CSS .main-nav a[href="/donate"] { background: darkgray; padding: 5px 10px !important; border: none !important; color: white; } Hi Tuanphan, i am looking for this highlight too and i tried to use your code but it doesn't work My website is www.rouas.fr (MONTAUK template) and i want to highlight the last navigation item ACCCES CLIENT It would be great if you could help me ! Many thanks, Davy Share this post Link to post
tuanphan 6,143 Posted November 20 @DAVYR replace .main-nav a[href="/donate"] with .main-nav ul>li:last-child a Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
tuanphan 6,143 Posted November 22 47 minutes ago, DAVYR said: Perfect ! Many thanks tuanphan ! there has a like button on right... 😎 1 ErinPetree reacted to this Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post