BobbySmith Posted November 10, 2022 Share Posted November 10, 2022 Hi! I would be curious to know how to remove the underline bellow some links that are actually main titles in my homepage. (not part of the header). I assume it's through code, but if so, how to I add to the code of the section I want to edit? Right now, the only code I can interact with (or add to) is the header code unless I am mistaken. (I don't know much about code) Thanks a lot Link to comment
jinlikegold Posted November 10, 2022 Share Posted November 10, 2022 If you have a personal plan, you'll want to add a code block to the page, or if you have a higher plan, you can go to your Design panel and click on Custom CSS. For the code block, try: <style> // Remove Underlines From Links // a { border-bottom: none!important; } <style> If you put it in Custom CSS, you don't need the opening and closing style tags (which indicate that the code is CSS, for the code block). You can directly just put in: // Remove Underlines From Links // a { border-bottom: none!important; } Note if used in Custom CSS, this will remove underlines from all links on your website. If you want it only to apply to your home page, you'll want to use a code block, or put your url here so folks can help you target that page only. Hey, I'm Jin (he/him). I'm a front end dev learning to make custom sites in Squarespace. If you find my suggestions helpful, please upvote & like!😺 Link to comment
BobbySmith Posted November 11, 2022 Author Share Posted November 11, 2022 Amazing. Thank you so much, this is very clear. I don't have a plan yet, but testing the capabilities before I get one. I'll let you know soon if I have more questions. Again, Many thanks. jinlikegold 1 Link to comment
BobbySmith Posted January 17 Author Share Posted January 17 Hi! I finally got a plan but cannot seem to figure out how to remove the link underlines. I'd like to remove the underlines just within a specific section so I added a code block within the actual section and pasted: <style> // Remove Underlines From Links // a { border-bottom: none!important; } <style> but unfortunately, all I get is my background (image or art) removed but the underlines are still there. Am I missing something very obvious here? Many thanks Link to comment
Solution tuanphan Posted January 19 Solution Share Posted January 19 On 1/17/2023 at 10:08 AM, BobbySmith said: Hi! I finally got a plan but cannot seem to figure out how to remove the link underlines. I'd like to remove the underlines just within a specific section so I added a code block within the actual section and pasted: <style> // Remove Underlines From Links // a { border-bottom: none!important; } <style> but unfortunately, all I get is my background (image or art) removed but the underlines are still there. Am I missing something very obvious here? Many thanks Try this <style> a, a * { border-bottom: none !important; background-image: none !important; text-decoration: none !important; } </style> 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
BobbySmith Posted January 20 Author Share Posted January 20 Perfecto, works. Thanks so much. 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