Change the colour of one circle in initial animation

Hi! Is it possible to change the colour of just one circle in the loading animation of home page?
I mean, in this site, we just would love to have the colours of our logo: the actual green and the other “ball” in grey.
www.r2c.pt

Hello,

You can try to use the following CSS code but most likely it won’t work in Customize → Additional CSS section, so you might want to try to add it to style.css file directly (please note that you’ll have to repeat it after each theme update).

Also you can try to create a child theme and add the CSS in child theme style.css file (if you don’t want to repeat it after each theme update).

.preloader .spinner .pre-bounce1 {
    color: #47423f !important;
}

Kind Regards, Roman.

Does not work, but thanks anyway for the help

Okay, please try to add this CSS code instead of previous:

.preloader .spinner .pre-bounce1 {
    background-color: #47423f !important;
}

It should work in Customize → Additional CSS section, I’ve just tested on my local Sydney install.

Kind Regards, Roman.

Thank you. It does work :slight_smile:

Great! You are welcome :slight_smile:

Kind Regards, Roman.