Solved

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

Timito
Pathfinder
93 1 37

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

 

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 6 (6)

DeepCode
Shopify Partner
118 19 24

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

banned
Timito
Pathfinder
93 1 37

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

Timito
Pathfinder
93 1 37

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

noenshop
Excursionist
31 0 14

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

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
DELONG_HUANG
Excursionist
49 0 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.