Cyber Monday Sale! Save up to 50% off!

CSS override

yhamdy
15 Posts
yhamdy posted this 03 June 2024
Ask a Question

How can I override CSS class for date countdown border to make each border with different color?

How can I override CSS class for date countdown border to make each border with different color?
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 03 June 2024

Hi Yasser,

You can add a custom class name for the countdown element and then use the following code in the CSS tab:

.my {
    border-right-color: red !important;
}

where my is the class name you have used.
...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Yasser, You can add a custom class name for the countdown element and then use the following code in the CSS tab: .my { border-right-color: red !important; } where *my* is the class name you have used. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
yhamdy
15 Posts
yhamdy posted this 03 June 2024

But I want each number boarder to be in different color, in the attached image, I want each square with different color.

But I want each number boarder to be in different color, in the attached image, I want each square with different color.
Support Team
Support Team posted this 04 June 2024

Hi Yasser,

OK, use another code like this:

.my .u-countdown-days {
    border-color: red;
}

the other classes are u-countdown-hours, u-countdown-minutes, u-countdown-seconds correspondingly.
...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Yasser, OK, use another code like this: .my .u-countdown-days { border-color: red; } the other classes are u-countdown-hours, u-countdown-minutes, u-countdown-seconds correspondingly. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments