How can I make the countdown timer like on the picture?

Hi!

Can you please help me, how to make the countdown timer to be like this:

Currently my timer looks like this:

Best regards!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-product-countdown span {
    background-color:green;
}
body .woodmart-product-countdown span,
body .woodmart-product-countdown span span{
    color:orange;
}

Set the colors as per your needs.

Best Regards

Hi!

Thank you! Can you please help, how can I hide the seconds? So I just want to show the Days, Hours, and Minutes.

Best regards,

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-product-countdown .countdown-sec {
    background-color:green;
}

Best Regards

Hi!

Thank you for your answer, but this does not hide the second counter. It sets only the background to green.

Can you please check it again?

Best regards

Hello,

Sorry for the mistake. Please replace the code:

body .woodmart-product-countdown .countdown-sec {
    display:none;
}

Best Regards

how can i edit countdown span “days” replacing image ?

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, such customization is not possible with CSS. This requires more complicated customization not covered by our support.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts