Jump to content

Making images in a summary block hyperlinked

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

You can enable List items buttons > Add url to buttons > Then use this code to Website > Website Tools > Custom CSS. The code will hide button + turn button link to image link

body.homepage {
li.list-item {
    position: relative;
}
.list-item-content__button-container {
    position: static;
}
a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
.list-item-content__button-container {
    position: static !important;
transform: unset !important;
}
a.list-item-content__button.sqs-block-button-element:before {
    visibility: hidden;
}
.user-items-list-carousel__slide {
    pointer-events: initial !important;
    user-select: unset !important;
}
.user-items-list-carousel__gutter {
    cursor: pointer;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • Solution
On 9/21/2023 at 10:35 PM, walevitt said:

@tuanphan thank you, but I'm not sure where to do this step: 

 

"List items buttons > Add url to buttons"

 

Can you show me where you mean? I don't see the option to do that for the summary block that I have in mind. 

Ah sorry, misread your question, I thought you use List Section.

I see you added link, but the link doesn't work, because you have this code in Code Injection, it disabled link. You can check it again

image.thumb.png.7f1c38f44fd5988b553f4829a05cf5cf.png

 

image.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.