Sale Countdown Custom CSS for Mobile - by nuj

This topic has 5 replies, 3 voices, and was last updated 2 years, 6 months ago ago by Rose Tyler

  • Avatar: nuj
    nuj
    Participant
    September 13, 2021 at 15:33

    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!

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 13, 2021 at 16:07

    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

    Avatar: nuj
    nuj
    Participant
    September 13, 2021 at 16:39

    Hi!

    I tried pasting your code on different locations, on the page and on the theme option, but it’s not working.

    Thanks!

    Avatar: nuj
    nuj
    Participant
    September 13, 2021 at 17:02

    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!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 14, 2021 at 08:08

    Hello,

    Let us know if you need any further assistance.

    Regards

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Sale Countdown Custom CSS for Mobile’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.