[Skip to main content](#vessel-content) # Styling spinner and overlay ## - **[Thrane](/forum/user/31786-thrane "View Thrane's Profile")** - [![Thrane's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31786-thrane "View Thrane's Profile") Topic Author - [ Offline](/forum/user/31786-thrane) Less More - Posts: 366 - Thank you received: 26 - - 5 years 11 months ago [\#326704](#326704) by [Thrane](/forum/user/31786-thrane "View Thrane's Profile") *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#326704 "-- 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")* was created by *[Thrane](/forum/user/31786-thrane "View Thrane's Profile")* -- 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 ![:-(](/media/kunena/emoticons/4.png ":-(") 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 Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 5 years 11 months ago - 5 years 11 months ago [\#326725](#326725) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#326725 "-- 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 : Code: div.hikashop_checkout_loading > div.hikashop_checkout_loading_spinner { background: url(../images/spinner_02.gif) no-repeat center; } 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](https://www.hikashop.com/support/documentation/153-customize-the-display.html#css) Kind regards, Mohamed Last edit: 5 years 11 months ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Thrane](/forum/user/31786-thrane "View Thrane's Profile")** - [![Thrane's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31786-thrane "View Thrane's Profile") Topic Author - [ Offline](/forum/user/31786-thrane) Less More - Posts: 366 - Thank you received: 26 - - 5 years 11 months ago [\#326745](#326745) by [Thrane](/forum/user/31786-thrane "View Thrane's Profile") Replied by *[Thrane](/forum/user/31786-thrane "View Thrane's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#326745 "-- 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")* Hi And thank you! I'll try that - what about the color of the overlay that shows when the loader is shown? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 5 years 10 months ago [\#326763](#326763) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#326763 "-- 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 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. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Thrane](/forum/user/31786-thrane "View Thrane's Profile")** - [![Thrane's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31786-thrane "View Thrane's Profile") Topic Author - [ Offline](/forum/user/31786-thrane) Less More - Posts: 366 - Thank you received: 26 - - 5 years 10 months ago [\#326910](#326910) by [Thrane](/forum/user/31786-thrane "View Thrane's Profile") Replied by *[Thrane](/forum/user/31786-thrane "View Thrane's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#326910 "-- 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")* That can't be right? How will the gif set the background of an entire div? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 5 years 10 months ago - 5 years 10 months ago [\#326931](#326931) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#326931 "-- 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, In HikaShop, there are 2 different type of spinner, and so 2 different way to modify its colors. [ ![alt](https://i.ibb.co/x1jrjDz/spinner.png) ](https://i.ibb.co/x1jrjDz/spinner.png "alt") **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 : Code: i.fas.fa-spinner.fa-pulse {color: red;} Hope this will help you to achieved what you requested. Regards Last edit: 5 years 10 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Thrane](/forum/user/31786-thrane "View Thrane's Profile")** - [![Thrane's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31786-thrane "View Thrane's Profile") Topic Author - [ Offline](/forum/user/31786-thrane) Less More - Posts: 366 - Thank you received: 26 - - 5 years 10 months ago [\#326984](#326984) by [Thrane](/forum/user/31786-thrane "View Thrane's Profile") Replied by *[Thrane](/forum/user/31786-thrane "View Thrane's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#326984 "-- 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")* 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 Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86316 - Thank you received: 14276 - - 5 years 10 months ago [\#327020](#327020) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#327020 "-- 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")* Hi, You can use such CSS for the overlay: Code: div.hikashop_checkout_loading > div.hikashop_checkout_loading_elem { background-color:black !important; } The following user(s) said Thank You: [Thrane](/forum/user/31786-thrane "View Thrane's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Thrane](/forum/user/31786-thrane "View Thrane's Profile")** - [![Thrane's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31786-thrane "View Thrane's Profile") Topic Author - [ Offline](/forum/user/31786-thrane) Less More - Posts: 366 - Thank you received: 26 - - 5 years 10 months ago [\#327051](#327051) by [Thrane](/forum/user/31786-thrane "View Thrane's Profile") Replied by *[Thrane](/forum/user/31786-thrane "View Thrane's Profile")* on topic *[Styling spinner and overlay](/forum/27-checkout/901373-styling-spinner-and-overlay#327051 "-- 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")* Perfect, thank you! The following user(s) said Thank You: [Philip](/forum/user/34318-philip "View Philip's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0LzkwMTM3My1zdHlsaW5nLXNwaW5uZXItYW5kLW92ZXJsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.119 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)