edmhawkins Posted April 27, 2020 Share Posted April 27, 2020 Site URL: http://www.elizabethhawkins.co.uk Hello - I want to remove the underline from hyperlinks in my footer only. What CSS code should I use to do this? Thanks! Link to comment
ChrisBartow Posted April 27, 2020 Share Posted April 27, 2020 I don't know why this works over text-decoration:none; (maybe someone can explain) but it does. Found the answer on another post. footer a { background-image:unset !important; } tuanphan 1 Creating websites using Squarespace at Design by Donuts 🍩 Link to comment
tuanphan Posted April 28, 2020 Share Posted April 28, 2020 SS uses linear gradient to create link underline. You can use above code, or add this to Home > Design > Custom CSS /* remove footer underline links */ footer#footer-sections a { background-image: unset; } Brahe and ChrisBartow 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ChrisBartow Posted April 28, 2020 Share Posted April 28, 2020 2 minutes ago, tuanphan said: SS uses linear gradient to create link underline. You can use above code, or add this to Home > Design > Custom CSS I switched back to regular type using text-decoration and I like it better. It intersects letters that drop below in a more pleasing fashion. Y did they do such things?! 😋 Creating websites using Squarespace at Design by Donuts 🍩 Link to comment
Stefanjokull Posted March 11, 2021 Share Posted March 11, 2021 @tuanphan This code stopped working all of a sudden. Any ideas why? Link to comment
creedon Posted March 11, 2021 Share Posted March 11, 2021 @Stefanjokull It appears SS is updating some of their code so the previous code broke. I've seen a couple of other threads on this topic recently. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
tuanphan Posted March 21, 2021 Share Posted March 21, 2021 On 3/12/2021 at 4:52 AM, Stefanjokull said: @tuanphan This code stopped working all of a sudden. Any ideas why? Use this new code /* remove footer underline links */ footer#footer-sections a { background-image: unset; text-decoration: none !important; border: none !important; } gracemoore 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
gracemoore Posted March 23, 2021 Share Posted March 23, 2021 On 3/21/2021 at 5:10 AM, tuanphan said: Use this new code /* remove footer underline links */ footer#footer-sections a { background-image: unset; text-decoration: none !important; border: none !important; } Thank you SO much for this! I have been trying so hard to figure out why this code was no longer working :-) 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