Home › Forums › WoodMart support forum › ANIMATED COUNTER COLOR SHEME LIGHT

ANIMATED COUNTER COLOR SHEME LIGHT

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 26, 2019 at 8:27 pm #104245

    stypek154
    Participant

    How to get such an effect in the background as in the title element.

    January 27, 2019 at 8:07 am #104264

    Elise Noromit
    Member

    Hello,

    Your question is not clear enough. Which effect do you mean? Seems you have forgotten to attach screen or link.

    Best Regards

    January 28, 2019 at 6:18 am #104382

    stypek154
    Participant

    https://woodmart.xtemos.com/animated-counter/
    ANIMATED COUNTER COLOR SHEME LIGHT

    It’s about the background here used. When I’m scrolling page, the photo in background is steady.

    How to get something like that?

    Attachments:
    You must be logged in to view attached files.
    January 28, 2019 at 8:59 am #104423

    Elise Noromit
    Member

    Hello,

    Here is the code for the animated counter

    [vc_row][vc_column][woodmart_title color="primary" style="bordered" title="<strong>ANIMATED COUNTER COLOR SHEME LIGHT</strong>" subtitle="XTEMOS ELEMENTS" css=".vc_custom_1488889595265{margin-bottom: 30px !important;}"][/vc_column][/vc_row][vc_row full_width="stretch_row" content_placement="middle" woodmart_parallax="1" css=".vc_custom_1499173586018{margin-bottom: 8vh !important;padding-top: 2vh !important;padding-bottom: 2vh !important;background-image: url(http://dummy.xtemos.com/woodmart/demos/wp-content/uploads/sites/2/2017/06/wood-main-dark-bg.jpg?id=246) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column width="1/3" woodmart_color_scheme="light"][woodmart_counter size="large" value="64" label="COUNTER LABEL"][/vc_column][vc_column width="1/3" woodmart_color_scheme="light"][woodmart_counter size="large" value="128" label="COUNTER LABEL"][/vc_column][vc_column width="1/3" woodmart_color_scheme="light"][woodmart_counter size="large" value="256" label="COUNTER LABEL"][/vc_column][/vc_row]

    You will need to add the background image on the row.

    Best Regards

    January 28, 2019 at 3:48 pm #104548

    stypek154
    Participant

    I managed to set everything up.

    But the problem is that if I scroll from up to down the page, the counter does not go. The counter starts to run the moment I come back, that is, I scroll the page from down to up.
    Where is the problem?
    Please take a look

    January 28, 2019 at 6:49 pm #104574

    Elise Noromit
    Member

    Hello,

    Navigate to the Theme settings > Performance > disable “Lazy loading for images”

    Provided Lazy loading the counter functions shifts and does not go on the scroll.

    Best Regards

    January 28, 2019 at 10:20 pm #104591

    stypek154
    Participant

    I disabled Lazy loading but it did not help.
    the problem still take place.

    Attachments:
    You must be logged in to view attached files.
    January 29, 2019 at 7:29 am #104611

    Artem Temos
    Keymaster

    Please, disable the lazy loading function so we can check it.

    January 29, 2019 at 8:19 am #104628

    stypek154
    Participant

    The function is disabled!
    Lazy loading is enabled on each images not in general options.
    I send you one more time screen from my performance.

    Attachments:
    You must be logged in to view attached files.
    January 29, 2019 at 8:24 am #104630

    Artem Temos
    Keymaster

    Disable it completely on your home page.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)