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 1k
  • Created
  • Last Reply

Top Posters In This Topic

Can you send the link to the page? It might be possible with CSS

👨‍🔧👨‍💻 Contact me for development work - I’m a Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 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
  • 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

👨‍🔧👨‍💻 Contact me for development work - I’m a Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 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.