This topic has 5 replies, 3 voices, and was last updated 2 years, 6 months ago ago by Rose Tyler
Hi!
I’m using sale countdown and I want to change the font-size on mobile view. How can i do it? I’m using custom CSS.
Please let me know if you need access.
Thanks!
Hello,
Add the below code to page custom CSS in the Elementor settings while editing your page (if you want to apply it for this page only) or to Theme Options > Custom CSS if you want to change that for all the counters on your site
@media only screen and (max-width: 768px){
.products-list .product-sale-counter.et-timer {
font-size: 10px;
}
}
Regards
Hi!
I tried pasting your code on different locations, on the page and on the theme option, but it’s not working.
Thanks!
Hi!
I managed to make it work. It’s fine now on mobile.
I used this instead.
@media only screen and (max-width: 768px){
.et-timer.product-sale-counter.dark.type2{
font-size: 10px;
}
}
Thank you!
Hello,
Let us know if you need any further assistance.
Regards
The issue related to '‘Sale Countdown Custom CSS for Mobile’' has been successfully resolved, and the topic is now closed for further responses