NP3000 Posted February 1 Share Posted February 1 Is it possible to make a text block (that has a background colour) a clickable link? Instead of the text being the link, I want the whole text block to be the link. Is this possible in CSS or is there a different way to achieve this? Thanks Link to comment
yogap Posted February 1 Share Posted February 1 Maybe you can try: I give an example if it's still on the same page In the section you want to go to, embed the following html code: <a name="yourtext"></a> Then in the text that you mean has a (background text), please block the entire text then navigate to the "link" and in the url link enter the following: #yourtext then hit apply I hope this help you Link to comment
NP3000 Posted February 1 Author Share Posted February 1 (edited) Thanks for your reply but I find your explanation hard to follow. Could you rewrite it please? Basically, I want the attached image of the intended text box to lose the underline on the text and make the whole box a clickable link. It needs to link to another page on the site. Edited February 1 by NP3000 Link to comment
yogap Posted February 1 Share Posted February 1 unfortunately for that I haven't found the best way, but if you want to remove the underline link in the text you can use this code: remove the text in all text that has underlined links: a { text-decoration: none !important; } will remove the text in certain blocks: #yourblock { text-decoration: none !important; } replace #yourblock with block on your site, to see block use squarespace id finder plugin Link to comment
Solution NP3000 Posted February 1 Author Solution Share Posted February 1 Thanks for the trying YogaP and thanks for the underline code tip. I came up with a work around. Ive overlaid a blank png with the link added to it. No code needed. Nick: 1 - Squarespace: 0. I'm really sick of Squarespace's awkwardness. yogap 1 Link to comment
NicolaH Posted October 9 Share Posted October 9 On 2/1/2023 at 2:35 PM, yogap said: unfortunately for that I haven't found the best way, but if you want to remove the underline link in the text you can use this code: remove the text in all text that has underlined links: a { text-decoration: none !important; } will remove the text in certain blocks: #yourblock { text-decoration: none !important; } replace #yourblock with block on your site, to see block use squarespace id finder plugin Hi @yogap Where do I put this code if I only want it to be applied to one page? thanks Link to comment
NicolaH Posted October 9 Share Posted October 9 (edited) @yogap I would like to remove the text underline links to the 4 x test groups under each image on this page https://badger-oval-74a3.squarespace.com/designer-collaborations I have tried to add in the below code to website tools > Code Injection > footer #block-b624dfc453874ee21e28 { text-decoration: none !important; } but it is not working? can you help? If I want to do for the 4 x texts under images do I need to add each code seperately or could I add something like this #block-b624dfc453874ee21e28; #block-a5b28ca96a6dcc78cb3c; #block-3044362343bd7e9a4d9c; #block-eb1b21d942af59993e6a text-decoration: none !important; } does it matter that I have other code in there too? [sorry if this a silly question but coding is not my field!] Thanks Edited October 9 by NicolaH Link to comment
tuanphan Posted October 12 Share Posted October 12 On 10/10/2023 at 1:01 AM, NicolaH said: I would like to remove the text underline links to the 4 x test groups under each image on this page https://badger-oval-74a3.squarespace.com/designer-collaborations I have tried to add in the below code to website tools > Code Injection > footer #block-b624dfc453874ee21e28 { text-decoration: none !important; } but it is not working? can you help? If I want to do for the 4 x texts under images do I need to add each code seperately or could I add something like this #block-b624dfc453874ee21e28; #block-a5b28ca96a6dcc78cb3c; #block-3044362343bd7e9a4d9c; #block-eb1b21d942af59993e6a text-decoration: none !important; } does it matter that I have other code in there too? [sorry if this a silly question but coding is not my field!] Thanks What is password? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment