Missing Pagination for my slideshow Dawn Theme

Solved

Missing Pagination for my slideshow Dawn Theme

Verterra
Explorer
71 1 10

Hello! I need help to fix my homepage slideshow. I think I have removed the code for the pagination for my slideshow previously, but now I realise I need it, if not my visitors will not know that there is a carousel of images on the slideshow. Does anyone know how I can return the pagination to my slideshow?

 

my store url is: https://verterra.sg/?_ab=0&_fd=0&_sc=1&preview_theme_id=175720595739

Verterra_0-1741961264112.png

 

Accepted Solution (1)

ennovative-it
Shopify Partner
148 20 19

This is an accepted solution.

Hi there! 😊
Here’s the CSS code to resolve your issue:
.slider-buttons {
    display: flex!important;
}
To add this to your Shopify theme, follow these steps:
 
  1. Go to Online Store in your admin panel.
  2. Click on Customize next to your active theme.
  3. Scroll down in the side panel until you find Custom CSS.
  4. Paste the code I provided.
  5. Save the changes.
You should see the updates in real-time. Let me know if you need any more help! 🚀
instagram: e.nnovative
info@ennovative.it
collab@ennovative.it

View solution in original post

Replies 5 (5)

ennovative-it
Shopify Partner
148 20 19

This is an accepted solution.

Hi there! 😊
Here’s the CSS code to resolve your issue:
.slider-buttons {
    display: flex!important;
}
To add this to your Shopify theme, follow these steps:
 
  1. Go to Online Store in your admin panel.
  2. Click on Customize next to your active theme.
  3. Scroll down in the side panel until you find Custom CSS.
  4. Paste the code I provided.
  5. Save the changes.
You should see the updates in real-time. Let me know if you need any more help! 🚀
instagram: e.nnovative
info@ennovative.it
collab@ennovative.it
Verterra
Explorer
71 1 10

Thank you so much! this really works like a charm! 

just curious - is there a way to customise it so that the side arrows are not there, and the user just sees the circles? 

Verterra_0-1741966249288.png

 

ennovative-it
Shopify Partner
148 20 19

Sure, add this too:

button.slider-button.slider-button--next,button.slider-button.slider-button--prev,button.slideshow__autoplay.slider-button.no-js-hidden {
display:none;
}

instagram: e.nnovative
info@ennovative.it
collab@ennovative.it
Verterra
Explorer
71 1 10

Thank you! 

May I ask if you know how to remove the white space under the slideshow when in mobile view? 

Verterra_0-1742138053600.png

 

Verterra
Explorer
71 1 10

Hello! 

I'm now having an issue where on mobile view under my slideshow, there is a very large white space under the slideshow. Do you know how to remove it? 

Verterra_0-1742384999453.png