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

[SneakerSafe]

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 

Any help is appreciated!!

Thank you

[DeepCode]

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

[dmwwebartisan · Accepted solution]

@SneakerSafe 

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! 

[SneakerSafe]

@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?

[SneakerSafe]

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

[noenshop]

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