Jump to content

Hyperlink Full Text Box with Background Color (Not only the text)

Go to solution Solved by sorca_marian,

Recommended Posts

Hello,

I want to add a panel to my page that anchor links to different panels below it. I used a text box and added a background color. I can't hyperlink the full element, only the actual text. My goal is for the user to be able to click on any part of the box for it to work. 

Thank you!

Screen Shot 2024-01-11 at 12.00.19 PM.png

Link to comment
  • Replies 4
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Just add this CSS on the page or in Custom CSS

[data-section-id="65a03c04b436517bcf7943d2"] a {
    display : block;
}

Note, if you modify the section and the ID changes, the CSS selector needs to be updated

Edited by sorca_marian

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Notion alternative

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

Link to comment
1 hour ago, sorca_marian said:

Just add this CSS on the page or in Custom CSS

[data-section-id="65a03c04b436517bcf7943d2"] a {
    display : block;
}

Note, if you modify the section and the ID changes, the CSS selector needs to be updated

Thank you! I appreciate the support. This did the trick.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.