Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 9, 2016 at 9:18 pm #629476
    kazse

    Hi there,

    could you help me in styling the countdown section like in the link below? Can the font be other than the main font? The numbers should be Georgia and the time units Arial. And the separator just a vertical thin line.

    Thanks!

    May 9, 2016 at 9:34 pm #629483
    Jordan

    Hey kazse,

    Thanks for getting in touch with us!

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    May 10, 2016 at 9:00 am #629754
    kazse

    Hi,
    Ok, here it is:)
    Thanks.

    May 11, 2016 at 12:01 pm #630621
    Andy

    Hi,

    use this code inside of Quick CSS field:

    .av-countdown-time {
font-family: Georgia;
}
.av-countdown-time-label {
font-family: Arial;
}

    Best regards,
    Andy

    May 11, 2016 at 2:00 pm #630708
    kazse

    Hi, thanks. I would like instead of the white box/rectangle just a vertical line as a separotor between the text, as on the attached image in the first post. Thanks.

    May 12, 2016 at 11:37 am #631274
    Andy

    Hi,

    try this code:

    #top .av-trans-light-style .av-countdown-cell-inner {
border: none;
}
span.av-countdown-cell.av-countdown-days {
border-right: 3px solid white;
border-left: 3px solid white;
}

    Hope you are happy now :).

    Best regards,
    Andy

    May 13, 2016 at 1:52 pm #632050
    kazse

    Thank you! Iam happy:)
    Maybe, is it possible to set the height of the white separator lines?

    May 13, 2016 at 2:04 pm #632051
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.av-countdown-cell-inner { padding: 5px; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.