Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 19, 2018 at 8:57 pm #1012017
    John

    Hello.
    I’m using countdown Element in a blog page and it works perfectly fine. Is there any simple way to use countdown in a widget for the side bar area?

    Thanks to anyone in advance

    September 19, 2018 at 8:59 pm #1012019
    Jordan Shannon

    Hey John,

    You would have to use the shortcode:

    Animated Countdown

    Best regards,
    Jordan Shannon

    September 19, 2018 at 10:19 pm #1012042
    John

    I do use the shortcode, I have read the documentation about this element. I have use the shortcode by enabling debug mode, and also I have used the shortcode using magic want, both ways giving me the same faulty result when I am pasting the code to a text widget. I do see the countdown but there is misalignment the numbers and letters are outside borders

    September 20, 2018 at 4:50 am #1012130
    Vinay

    Hi,

    Have you enabled custom CSS class name support and added the custom class name to the element before copying the shortcode?

    Please check https://kriesi.at/documentation/enfold/example-of-widget-area-overflow/

    Best regards,
    Vinay

    September 20, 2018 at 12:09 pm #1012229
    John

    thank you very much for your answers but it’s still not ok. Plase check

    1) I have checked Show element options for developers in Enfold Theme Options Settings
    2) I gave the name ”cnt-esctlv18” in Custom Css Class in the animated countdown element (Add a custom css class for the element here. Make sure to only use allowed characters (latin characters, underscores, dashes and numbers)
    3) I have paste the code in text widget

    September 21, 2018 at 3:26 pm #1012805
    John

    I do understand that you have a lot of support requests but I would really appreciate if someone can help me solve this.

    September 21, 2018 at 9:47 pm #1012911
    Basilis

    Hi,

    That is also outside from our Support policy, so we are doing the best we can to help.
    The custom class you added is modifying the spacing that is why it looks like that.

    Best regards,
    Basilis

    September 21, 2018 at 10:04 pm #1012915
    John

    Thank you Basilis for answering I’m a newbie so I’m a bit confused. What  custom class name I should use ? Reading Vinay post above (and also the documantation) I thought that I can use a name of my choice before pasting the code in the widget.

    September 23, 2018 at 8:24 am #1013231
    John

    If I understood right, I can use set a custom class name and then make modifications through css. basically what I want to do is adjust the letters and number to fit in the borders to be responsive if its possible.

    September 24, 2018 at 5:36 pm #1013724
    Victoria

    Hi John,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#text-7 .av-countdown-cell-inner {
    padding: 5px;
}
#text-7 .av-countdown-time {
  word-wrap: break-word;
  text-align: center;
}
#text-7 .av-countdown-time-label {
    text-transform: none;
    overflow: visible;
    word-wrap: break-word;
    font-size: 13px;
    text-align: center;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 24, 2018 at 7:02 pm #1013755
    John

    Victoria it works really nice. Thank you very much :-)

    September 24, 2018 at 7:38 pm #1013778
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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