Controlling the Animated Color Blobs at margins of template

erixis

Where are the controls or code for the animated blobs appearing to the side of the template? I want to either change the color, opacity or just turn off this effect in the template but I'm not sure how or where to do this.

pavit

Hi erixis

You can control them via template.css file

If you want to delete them then add to your custom.css

.ja-decor {
display:none;
}

Or if you want to manage positions then load into template.css for ja-decor -1 to ja-decor-6 code around line 1134

Regards

erixis

Pavit,

Thank you for your reply. I've created a file called custom.css and put it in the \templates\ja_space\css folder. This file only contains the lines:

ja-decor {
display:none;
}

That did not remove the animated orange and yellow shapes on the sides. I tried putting the custom.css file in the template root folder, and also in the \templates\ja_space\html folder as well. but non of that removed them.

Any suggestions? If I wanted to keep them where is the color and transparency defined? I don't see that in the template.css file

saguaros

erixis

You missed the dot before the class name, it should be:

.ja-decor {
  display: none;
}

put into the file: /templates/ja_space/css/custom.css

Regards

pavit

erixis

erixis If I wanted to keep them where is the color and transparency defined? I don't see that in the template.css file

You can find them in this file /templates/ja_space/tpls/blocks/mask-body.php

<linearGradient id="gradient-1" x1="0" y1="135%" x2="135%" y2="0">
<stop offset="0" stop-color="#4097f9"/>
<stop offset="1" stop-color="#0af0c7"/>
</linearGradient>

and so on for others <linearGradient id>