Change size of font text, button and slideshow buttons on slideshows on mobile version (debut theme)

Store Design
1

Hi community

my website is sneakersafe.co.uk

How can I change the size of font text, button and slideshow buttons on slideshows on mobile version? As shown here

SneakerSafe_0-1612231294757.png
SneakerSafe_0-1612231294757.png828×1792 155 KB

Any help is appreciated!!

Thank you

2

hi @Timito , how would you want to change them? bigger or smaller? or something else?

3

@Timito

You can add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.slideshow__title{ font-size: 1.2em; }
.slideshow__btn{ font-size: 1.2em; }
}

Above you can change the font size as per your need. Hope this helps.

Thanks!

4

@DeepCode I’d like to make it smaller, like what @dmwwebartisan has posted. Thank you! Is it possible to make the slideshow arrows background (white area) on mobile transparent as well?

5

No worries I’ve managed to do a code for it thanks guys

6

can you share this code with me to make the buttons transparent?

7

Hi,

is there a way to make changes to each slideshow? I have 4 slides and I want to make them to be in different positions for the text.