How can I create an image banner slideshow in Dawn theme?

[KingDiox]

I am currently customizing the Shopify Dawn theme and I want to create an image banner slideshow. I don't need any keys to control the slideshow, only the settings option in the admin panel for the duration and the text setup. I tried using the slideshow section, but I didn't like it because when I removed the control buttons, the images stopped swapping.

[StephensWorld · Accepted solution]

Hey @KingDiox,

Revert any coding changes you made to the slideshow section, and then set it up normally, with the different images you want. If you don't want any text or buttons to show over top of it, then leave those fields blank. 

From there, click into the the main "Slideshow" section from the left-hand menu within the theme editor. Then on the right-hand side, under "Custom CSS", add the following code: 

.slideshow__controls {
  display: none;
}

This will achieve what you're wanting, where the slides can still auto-rotate, but the buttons at the bottom don't show. 

Cheers,

Stephen

[KingDiox]

Hey thank you for the controls, do u know how can I make the slideshow image to have the same size as the image banner on mobile.

 

[StephensWorld]

I think that would just require you to use the same sized images.

Ex. if you're using 1200x400 in the image banner, then you'd want to use 1200x400 for the images in the slideshow (to make them the same sizes).

[KingDiox]

I ve used the same images, the problem is that the height on mobile is 30% smaller than the usual banner, is there's are any css code that I can simply modify to change the size?