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

Solved
SneakerSafe
Excursionist
53 0 13

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

 

Any help is appreciated!!

Thank you

 

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

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
dmwwebartisan
Shopify Partner
4373 980 1252

This is an 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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
SneakerSafe
Excursionist
53 0 13

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

0 Likes
SneakerSafe
Excursionist
53 0 13

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

0 Likes
noenshop
Excursionist
30 0 14

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

0 Likes