Tagged: CSS, enfold, message, mini-cart, woocommerce
Hello,
First of all, thanks for your great work and plugin ! I am using enfold with woocommerce, and I would like to change a bit the styling of the dropdown mini-cart. I have been able to do a few things, but I would particularly like to change the shadow or the border on the message that pops up when a product is added, and also to the dropdown itself (I was able to spot the correct classes for this last one, but the pop up message eludes me – it never stays long enough for me to be able to get a class with firebug…)
Could you direct me to the correct styling classes to use ?
Thanks in advance,
JM
Hey JaimBateman!
Thank you for using Enfold.
Use this in the Quick CSS field:
.added_to_cart_notification {
-webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75) !important;
-moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75) !important;
box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75) !important;
}
Regards,
Ismael
Thanks Ismael, that did the trick !
We can close the thread.
Hi,
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy