Craft Theme 12.0.0 How to make Slideshow clickable

Solved

Craft Theme 12.0.0 How to make Slideshow clickable

ChampHorse
Tourist
7 0 1

Hi everyone, I need some help here. 

I try to make my whole slideshow clickable, I don't want to use the botton. 

However, the code on other community did not work for me. Please help! 

螢幕截圖 2023-12-21 下午11.05.46.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

  • Go to your Online store > Themes > Edit code.

    DanFromRyviu_0-1703171507566.png
  • In Assets folder, open base.css file

  • Copy this code below and add it at the bottom of base.css file

.slideshow__text-wrapper {
padding: 0 !important;
max-width: 100% !important; 
}
.slideshow__text { height: 100% !important;
width: 100% !important;
opacity: 0;
max-width: 100% !important; 
}
.banner__buttons .button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; 
}

You must add 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

  • Go to your Online store > Themes > Edit code.

    DanFromRyviu_0-1703171507566.png
  • In Assets folder, open base.css file

  • Copy this code below and add it at the bottom of base.css file

.slideshow__text-wrapper {
padding: 0 !important;
max-width: 100% !important; 
}
.slideshow__text { height: 100% !important;
width: 100% !important;
opacity: 0;
max-width: 100% !important; 
}
.banner__buttons .button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; 
}

You must add 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

ChampHorse
Tourist
7 0 1

Thank you!!! It worked!!!!! ❤️

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

You are very welcome.

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.