Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1684458
moving clouds
Closed

Comments

  • Anna Morton started the conversation
    August 21, 2018 at 1:53pm

    how do make the clouds move in affinity designer.. 

    I uploaded the same page using using the gem uploader however my clouds do not move?

    where do you add code?

  • Anna Morton replied
    August 21, 2018 at 1:59pm

    the code is correct for the clouds, however they do not move across the page ?

  • [deleted] replied
    August 22, 2018 at 11:56am

    We use next css code:

    #slide-1-layer-12{
        animation: animatedBackground-2 20s linear infinite;
        -moz-animation: animatedBackground-2 20s linear infinite;
        -webkit-animation: animatedBackground-2 20s linear infinite;
        -ms-animation: animatedBackground-2 20s linear infinite;
        -o-animation: animatedBackground-2 20s linear infinite;
        background-size: 25% !Important;
          background-repeat: repeat-x;
          margin-top: 1% !important;
}
    @keyframes animatedBackground-2 {
        0% { background-position: 0 0; }
        100% { background-position: 100% 0; }
    }
    @-moz-keyframes animatedBackground {
        0% { background-position: 0 0; }
        100% { background-position: 100% 0; }
    }
    @-webkit-keyframes animatedBackground {
        0% { background-position: 0 0; }
        100% { background-position: 100% 0; }
    }
    @-ms-keyframes animatedBackground {
        0% { background-position: 0 0; }
        100% { background-position: 100% 0; }
    }
    @-o-keyframes animatedBackground {
        0% { background-position: 0 0; }
        100% { background-position: 100% 0; }
    }

    But on your site you need to use #slide-5-layer-12 in this css code.

  • Anna Morton replied
    August 22, 2018 at 1:49pm

    i think it is a layer animation but which one?

  • Anna Morton replied
    August 22, 2018 at 1:59pm

    www.zacdempsey.com

    The clouds dont move in the same way??

  • [deleted] replied
    August 23, 2018 at 3:35pm

    Hi,

    Please provide the wp-admin access. We will try to inspect problem on your site.

  •   Anna Morton replied privately
  • [deleted] replied
    August 24, 2018 at 7:39am

    Can't enter with this data

  •   Anna Morton replied privately
  • [deleted] replied
    August 30, 2018 at 1:45pm

    Please check.

  • Anna Morton replied
    August 30, 2018 at 2:52pm

    thank you thats great but how do we make clouds bigger like the demo version and also slow them down a bit

    https://codex-themes.com/thegem/media-one-pager/

  • Anna Morton replied
    August 30, 2018 at 4:39pm

    Can you please take another look, the site is live and the clouds look so small ;-))) i really would love it to be like the demo.. with the cloud covering the whole area https://codex-themes.com/thegem/media-one-pager/

  •  7,095
    Oliver replied
    August 31, 2018 at 8:06am

    Hi,

    pls. check now

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Anna Morton replied
    August 31, 2018 at 10:41am

    thank you, thats great. is there any way you can tell me how you did this so i can learn?

    I love your theme so I will defo rate you highly in my review. 

  •  7,095
    Oliver replied
    August 31, 2018 at 11:36am

    Hi,

    I set right slider id in the custom css field to apply the animation. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver