Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- The topic ‘How to make changes to the counter look?’ is closed to new replies.
Hi, you can see the counter as it is now here – http://screencast.com/t/1WjlC51amvP and I would like to make it look like this – http://screencast.com/t/AA0lspxz
Font should be bigger and in green color while the background should be white.
How can I do this?
Hi DROR!
Please add following code to Quick CSS
span.av-countdown-cell-inner {
color: green!important;
background: white!important;
}
.av-countdown-cell-inner {
padding: 5px;
}
You can adjust the font size by adjusting this code in your Quick CSS – https://kriesi.at/support/topic/how-to-add-space-and-roundness-to-the-counter/#post-525057.
Regards,
Yigit
Hi DROR!
Please insert the below css into your custom css section:
.av-countdown-time {
font-size: 80px !important;
font-weight: bold !important;
color: #00a59d !important;
}
.av-countdown-time-label {
color: #00a59d !important;
}
.main_color .av-colored-style .av-countdown-cell-inner {
background-color: #ffffff !important;
}
Regards,
Dake
Awesome. Thanks!
How can I change the font of the counter to open sans?
Hey!
Please add following code to Quick CSS as well
.av-countdown-cell-inner { font-size: 'Open Sans'!important; }
Regards,
Yigit
Hi Yigit, that doesn’t seem to work.
Hey!
Please insert the following css into your custom css section:
.av-countdown-time {
font-family: 'Open Sans'!important;
}
Cheers!
Dake
Thanks !
Hi!
You’re welcome, glad we could help :)
Please let us know if you ever need any help in the future.
Regards,
Dake