The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 04-15-2019, 08:51 AM
DiDIT bvba's Avatar
DiDIT bvba is offline
 
Join Date: Dec 2018
Posts: 2
Default

Change the background color of the mini cart counter


Hi,

I have been browsing your support site for some time now but none of the proposed (related) solutions work for me.

What I am trying to do is change the background color of the mini cart counter from blue to a customized color (FF00FF).
As said, I have been trying several CSS solutions but none work.

Can someone help me with this? Thanks.



https://www.eskepura.eu/
  #2  
Old 04-16-2019, 02:21 PM
Wade D.'s Avatar
Wade D. Wade D. is offline
Ecwid Team
 
Join Date: Dec 2018
Posts: 19
Default

Hi there!

I checked your store and see that you have added the minicart widget. To change its background colour you should add this CSS code to your custom CSS theme:

Quote:
.ec-minicart .ec-minicart__counter::after {
background-color: #FF00FF;
}

.ec-minicart .ec-minicart__icon .icon-default path[stroke] {
stroke: #FF00FF;
}

.ec-minicart__icon .icon-default circle[fill].cart-not-empty {
fill: #FF00FF;
}
After you save the changes the minicart icon on your store should be the same colour as the rest of the elements.

Hope this helps!
  #3  
Old 04-17-2019, 03:37 PM
DiDIT bvba's Avatar
DiDIT bvba DiDIT bvba is offline
 
Join Date: Dec 2018
Posts: 2
Default

Thank you, this works perfect!
  #4  
Old 01-03-2020, 10:53 PM
Lauren Duxbury's Avatar
Lauren Duxbury Lauren Duxbury is offline
 
Join Date: Jan 2020
Posts: 1
Exclamation Hover state CSS

This custom CSS worked for me. But, how do you change the hover color exactly? I'm having trouble with that.
  #5  
Old 01-04-2020, 05:15 PM
Fleurpink's Avatar
Fleurpink Fleurpink is offline
Junior Member
 
Join Date: Jan 2020
Posts: 3
Default

Even me i was sershing audacity temp mail origin for someone's to explain to me how to do it

Last edited by Fleurpink; 01-08-2020 at 08:07 PM.
  #6  
Old 01-06-2020, 01:40 PM
Anastasia from Ecwid's Avatar
Anastasia from Ecwid Anastasia from Ecwid is offline
Ecwid Team
 
Join Date: Nov 2017
Posts: 63
Default

Quote:
Originally Posted by Lauren Duxbury View Post
This custom CSS worked for me. But, how do you change the hover color exactly? I'm having trouble with that.
Hello, Lauren!
My name is Anastasia, Ecwid Support. Thank you for contacting us!

Please, send us the link to your website where you want to change the minicart widget, so we could develop a code for you.

Do you want to change the hover color of the cart icon or of the round counter showing a number of items added to the cart?

You can contact us at support@ecwid.com and we'll proceed. Thank you!

Best regards,
Anastasia E.
Ecwid Support Team
  #7  
Old 01-08-2020, 10:21 PM
Almina Barteri's Avatar
Almina Barteri Almina Barteri is offline
Junior Member
 
Join Date: Jan 2020
Location: London
Posts: 1
Default

Thank you for the comprehensive information.
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
minicart customize color

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:15 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.