Remove buttons and add link to image on Sense Theme - Ulti Slideshow block

Store Design
, ,
1

Hi community,

I want to remove the button from my main banner slides and link the image itself, it’s very annoying and look awful to have a button there.

imagen_2023-05-04_205151064.png
imagen_2023-05-04_205151064.png1202×552 353 KB

2

Hi @eristorecl could you share your store URL?

3

Hi Dan,

thank you for helping out.

URL is www.eristore.cl

4

Hello @eristorecl

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.ultimate-slideshow .ultimate-slideshow-slide .ultimate-slideshow-content .ultimate-slideshow-button.ultimate-slideshow-button-curve {
    display: none !important; 
}
5

Hi there,

You can add this CSS code to do that

.ultimate-slideshow .ultimate-slideshow-slide .ultimate-slideshow-content .ultimate-slideshow-button.ultimate-slideshow-button-curve { opacity: 0; }
.ultimate-slideshow .ultimate-slideshow-slide .ultimate-slideshow-content {
    transform: none !important;
    top: 0px;
    left: 0px !important;
    bottom: 0px !important;
    right: 0px;
}
.ultimate-slideshow .ultimate-slideshow-slide .ultimate-slideshow-content,
.ultimate-slideshow .ultimate-slideshow-slide.swiper-slide-active.ultimate-slideshow-slide-slide-up .ultimate-slideshow-content-inner,
.ultimate-slideshow .ultimate-slideshow-slide .ultimate-slideshow-content .ultimate-slideshow-button-wrapper,
.ultimate-slideshow .ultimate-slideshow-slide .ultimate-slideshow-content .ultimate-slideshow-button.ultimate-slideshow-button-curve {
height: 100%;
width: 100%;
}
1 Like
6

Hi Dan,

Question: after hiding the button will I be able to add a link to the banner?. and where exactly do I paste this CSS code?.

Thank you!

7

Solved with Dan-From-Ryviu solution. Pasted the coded in Ulti Slideshow custom CSS box and automatically hides the button and redirects to the selected collection.

1 Like