Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 27, 2015 at 6:03 pm #525701
    bakbek

    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?

    October 27, 2015 at 6:06 pm #525703
    Yigit

    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

    October 27, 2015 at 6:12 pm #525710
    Dake

    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

    October 27, 2015 at 6:44 pm #525746
    bakbek

    Awesome. Thanks!

    How can I change the font of the counter to open sans?

    • This reply was modified 9 years ago by bakbek.
    October 27, 2015 at 7:48 pm #525766
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-countdown-cell-inner { font-size: 'Open Sans'!important; }

    Regards,
    Yigit

    October 27, 2015 at 7:53 pm #525770
    bakbek

    Hi Yigit, that doesn’t seem to work.

    October 27, 2015 at 10:12 pm #525818
    Dake

    Hey!

    Please insert the following css into your custom css section:

    .av-countdown-time {
    font-family: 'Open Sans'!important;
}

    Cheers!
    Dake

    October 28, 2015 at 10:16 am #525971
    bakbek

    Thanks !

    October 28, 2015 at 10:18 am #525974
    Dake

    Hi!

    You’re welcome, glad we could help :)

    Please let us know if you ever need any help in the future.

    Regards,
    Dake

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to make changes to the counter look?’ is closed to new replies.