Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

hyperlink images in carousel?


Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi. You can add item buttons, then use this code to transfer button link to image link & make buttons invisible

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;
}
.list-item-content__button-container {
    position: static !important;
}

Next, share link to page where you use carousel, we will check & give code to make it open in new window

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
Posted (edited)

hi tuanphan, thanks for the reply. below is a link to the page (it's a single-page site).

we'd like to have each of the individual images in the carousels under Work News, Media and Writing link out/open a new window. All of these carousels are built the same way, so I'm sure code for one will work for all.

https://bison-beige-k2xs.squarespace.com/

pasword: mb

Edited by hman22
Link to comment
On 7/31/2022 at 10:30 PM, hman22 said:

hi tuanphan, thanks for the reply. below is a link to the page (it's a single-page site).

we'd like to have each of the individual images in the carousels under Work News, Media and Writing link out/open a new window. All of these carousels are built the same way, so I'm sure code for one will work for all.

https://bison-beige-k2xs.squarespace.com/

pasword: mb

Add this to Design > Custom CSS

/* Make Work items clickable */
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;
}
.list-item-content__button-container {
    position: static !important;
}
}

 

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

Create an account or sign in to comment

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


×
×
  • Create New...