How to change animation accent colours

Who is this article for

- Anyone who owns the Ragnar and needs help changing animation accent colours.

Skill level: Easy
Time to complete: 2+ minutes

Before you start

  1. Please make sure you have the latest Divi Theme installed and Divi Den Pro is up to date. 
  2. Make sure that Divi Den Pro plugin API key is activated.

Video Tutorial

How to do it

Ragnar collection is permeated with animated shapes such as these:

They are custom created, and in order to change the colours, you need to copy/paste prepared CSS code.

Go to Divi Den Pro > Custom CSS files.

Open Ragnar:

This is going to open Ragnar's CSS in a new tab. All you have to do is to find the CSS for a specific section you are trying to customise, and copy that small portion of the CSS code.

To find the one you need, first check the name of the section. By switching to wireframe view in the Visual builder, you can see all labels on the page:

If you search for that in the Custom CSS file, you will be taken to the CSS you want:

Now just look more closely and find the CSS for the animated shapes. In this particular example, it is the following one:

Now just copy that, and paste it here: Divi > Theme Options > Custom CSS.

Finally, update the colours and save. That's all!

Still need help? Contact Us Contact Us