Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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!
hi @Timito , how would you want to change them? bigger or smaller? or something else?
@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?
No worries I've managed to do a code for it thanks guys
can you share this code with me to make the buttons transparent?
This is an accepted solution.
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!
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.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025