Animations

Animations

Content blocks can have an Animation applied to them, allowing you to add some flair to your website. There are 9 animation options available, as well as the ability to customize a delay and slow the animation.


Add animations to a page

 1. To apply an Animation, click on the Design tab in the gray navigation bar.
Screen_Shot_2018-10-05_at_10.51.17_AM.png

2. Click on the content you would like to animate.

Screen_Shot_2018-10-05_at_10.53.20_AM.png 

3. Scroll down to the bottom of the menu on the far right side until you see Animation at the bottom. Click on that Animation header to reveal the options available, such as the Type, Speed, and Delay. 

animation.gif

4. Use the drop-down menu within Type to select the animation you would like to add to the content block. Set your speed (the runtime of the animation) and delay (the amount of time the animation delays before beginning).

Screen_Shot_2018-08-27_at_3.02.47_PM.png

5. Once your animation is set, click the green Save button, and then the Publish button to take your changes live!

Note: Animations are only set per content block. When creating an animation block, the default animation is set to none. Animations cannot be set for an entire page.

    • Related Articles

    • Change the Color of Your Buttons

      You can change the background color of all of the buttons on your website, to create a cohesive color and theme throughout your site. How to change button colors sitewide 1. Select Design at the top of the page. 2. Select the Sitewide tab on the ...
    • Fully Stretch Background Image for Buttons

      You can add a fully stretched background to your button by following these steps: 1. Select the Content tool in the gray navigation bar. 2. Select the Page where your button is. 3. Click on the Design this page in the sidebar on your right. 4. Select ...
    • Make Social Icons Open in a New Window

      Here is how to make sure your social icons in your footer open to a new tab or window: 1. Select the Design tool in the gray navigation bar. 2. Click on Footer in the Design panel on the right. 3. Scroll down to the Social Icons options, and tick the ...
    • Change Image Gallery Arrows

      A wide selection of gallery arrows is available for you to choose from so that you can customize your gallery as you please. To change your Image Gallery arrows: 1. Select the Design tool in the gray navigation bar and click on the Sitewide tab on ...
    • Add an Image/Image Gallery

      Add an Image or Image Gallery block to your page by using one of our preset content blocks. 1. Select Content in the navbar 2. Select the page you want to add an image to 2. While on the page, click on the green (+) icon that appears between the ...