IM_Design Posted November 27, 2019 Posted November 27, 2019 Just want to remove the underline for text links on a version 7.1 site.
IM_Design Posted November 27, 2019 Author Posted November 27, 2019 Looks like they use a background image for the underlines instead of text decoration or borders, so this worked for me in the CSS Editor: a {background-image:none !important;}
kevinpatrickrobbins Posted December 15, 2019 Posted December 15, 2019 Thanks! Worked for me. I was going crazy. That is just a stupid CSS decision.
surftrip Posted April 6, 2020 Posted April 6, 2020 Hey guys - this works sitewide, but how about if you only want this effect to be removed in certain places, like the footer? Where are all the classes and IDs?
tuanphan Posted April 7, 2020 Posted April 7, 2020 18 hours ago, surftrip said: Hey guys - this works sitewide, but how about if you only want this effect to be removed in certain places, like the footer? Where are all the classes and IDs? You can add block id, eg: #block-yui.... a {background-image: none !important;} how to find block id; https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde 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!)
IM_Design Posted March 17, 2021 Author Posted March 17, 2021 It looks like a platform update changed the way the underlines work, so this should work for Text Block underlines instead now. Either site-wide in the CSS Editor: a {text-decoration-line:none !important;} Or page-specific wrapped in <style> tags in the Page Header Code Injection: <style> a {text-decoration-line:none !important;} </style>
SouthernSunEvents Posted June 15, 2021 Posted June 15, 2021 On 3/16/2021 at 8:47 PM, IM_Design said: It looks like a platform update changed the way the underlines work, so this should work for Text Block underlines instead now. Either site-wide in the CSS Editor: a {text-decoration-line:none !important;} Or page-specific wrapped in <style> tags in the Page Header Code Injection: <style> a {text-decoration-line:none !important;} </style> @tuanphanNo luck with this. Anyone have any ideas? www.southernsunevents.com/about PW: sse2020
tuanphan Posted June 15, 2021 Posted June 15, 2021 8 hours ago, SouthernSunEvents said: @tuanphanNo luck with this. Anyone have any ideas? www.southernsunevents.com/about PW: sse2020 Add to Design > Custom CSS a { text-decoration: none !important; border: none !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!)
SouthernSunEvents Posted June 15, 2021 Posted June 15, 2021 9 hours ago, tuanphan said: Add to Design > Custom CSS a { text-decoration: none !important; border: none !important; } This works great but removes the borders from my buttons to link to other pages/contact forms.
tuanphan Posted June 16, 2021 Posted June 16, 2021 14 hours ago, SouthernSunEvents said: This works great but removes the borders from my buttons to link to other pages/contact forms. Try this .html-block a { text-decoration: none !important; border: none !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!)
SouthernSunEvents Posted June 16, 2021 Posted June 16, 2021 6 hours ago, tuanphan said: Try this .html-block a { text-decoration: none !important; border: none !important; } Works great, thank you so much!
tuanphan Posted June 24, 2021 Posted June 24, 2021 On 6/16/2021 at 10:55 PM, SouthernSunEvents said: Works great, thank you so much! Need fix this? Site URL: https://www.southernsunevents.com/ 1. (Tablet-Homepage) Remove a logo under header? 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!)
SouthernSunEvents Posted June 24, 2021 Posted June 24, 2021 8 hours ago, tuanphan said: Need fix this? Site URL: https://www.southernsunevents.com/ 1. (Tablet-Homepage) Remove a logo under header? Yes please! Still working on tablet and mobile view but definitely need to fix this. Thanks!
tuanphan Posted June 28, 2021 Posted June 28, 2021 On 6/25/2021 at 12:16 AM, SouthernSunEvents said: Yes please! Still working on tablet and mobile view but definitely need to fix this. Thanks! Try adding to Design > Custom CSS /* tablet logo */ @media screen and (max-width:900px) and (min-width:641px) { img.Header-branding-logo { visibility: hidden; } } 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!)
SouthernSunEvents Posted June 29, 2021 Posted June 29, 2021 20 hours ago, tuanphan said: /* tablet logo */ @media screen and (max-width:900px) and (min-width:641px) { img.Header-branding-logo { visibility: hidden; } } Works perfect, thank you so much! Any idea why I have hamburger/drop down nav menu but two pages (about & contact) are listing both in the drop down menu and on the side?
tuanphan Posted July 1, 2021 Posted July 1, 2021 On 6/29/2021 at 7:38 AM, SouthernSunEvents said: Works perfect, thank you so much! Any idea why I have hamburger/drop down nav menu but two pages (about & contact) are listing both in the drop down menu and on the side? Hi. It looks fine here. Try checking in real mobile 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!)
SouthernSunEvents Posted July 1, 2021 Posted July 1, 2021 12 hours ago, tuanphan said: Hi. It looks fine here. Try checking in real mobile Still there for all pages on tablet on my end. Thanks!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.