Styling spinner and overlay

-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.23
-- PHP version -- : 7.4

Hi

I have been searching for a solution, but found none

When I on the check out page, enters my address and save it - the fields get and overlay and a spinner appears.
Where can I change the color of the overlay from white to black?
I know CSS ...

And where can I change the spinner image?

Kind regards
Thomas

Hello,

The loader is loaded by the following CSS code : So you'll just have to change the background or directly change the ".gib" file located : "media/com_hikashop/images/spinner_02.gif".

For more information about CSS customization :
www.hikashop.com/support/documentation/1...the-display.html#css

Kind regards,
Mohamed

Hi

And thank you!
I'll try that - what about the color of the overlay that shows when the loader is shown?

Hello,

The color of the overlay seems to be set by the .gif image, so directly using the .gif file you need will do the job.

Kind regards,
Mohamed.

That can't be right?
How will the gif set the background of an entire div?

Hello,

In HikaShop, there are 2 different type of spinner, and so 2 different way to modify its colors.

1. The added image .gif (green bordered), for this one you have to modify the gif image with your required image, in the images folder (.../media/com_hikashop/images), the one you have to replace spinner_02.gif

2. The font awesome version (red bordered), for this one you can modify his color through some Css like this example :
Hope this will help you to achieved what you requested.
Regards

Thank you Philip ...

That helps, but the overlay behind the spinners is white and my site is black, so I would like to change that color?

Regards
Thomas

Hi,

You can use such CSS for the overlay:

Perfect, thank you!