HELP Image Banner Button not working on Dawn Template

Solved

HELP Image Banner Button not working on Dawn Template

king1011108
Visitor
2 0 1

I'm working on a dawn template with I've added a code to achieve an hero banner slider but the button is not working.

 

Screenshot 2024-09-29 at 5.42.53 PM.png

 

Can anyone help me figure out? site link is http://gwapitos.com

 

This is the code that is added on the slideshow section

 

.slideshow__controls {

  position: absolute !important;

  width: 100% !important;

  height: 100% !important;

  justify-content: space-between !important;

}

.slider-counter {

  display: none !important;

}

.slider-button {

  background-color: #ffffff5e;

  width: 24px !important;

  height: 24px !important;

  margin: 0px 10px;

  z-index: 10;

}

.slider-button svg {

  display: block !important;

}

 

Screenshot 2024-09-29 at 5.45.17 PM.png

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 848 1064

This is an accepted solution.

Hi @king1011108, I have modified your code a bit. Please replace it.

.slideshow__controls {
    position: absolute !important;
    width: 100% !important;
    top: 45%;
    left: 0;
    justify-content: space-between !important;
    z-index: 10;
}

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Reply 1 (1)

BSSCommerce-HDL
Shopify Partner
2305 848 1064

This is an accepted solution.

Hi @king1011108, I have modified your code a bit. Please replace it.

.slideshow__controls {
    position: absolute !important;
    width: 100% !important;
    top: 45%;
    left: 0;
    justify-content: space-between !important;
    z-index: 10;
}

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now