This is with regards to the tooltip that shows when you hover the icon on the + next to each product. Can I change the colour of the 'ADD TO BASKET' text to white? It's currently grey and not very visible (image attached).
Once the + is clicked, the box that says 'product added to cart' (I'm not 100% sure what it says because I can't read this message) is nearly invisible (image attached also).
Can I make both these tooltips dark grey with pure white text (text without transparency ideally)?
Thanks a lot, Ylli! This works and I was able to change the colour to just the way I wanted it.
Really appreciate the quick responses, especially since I'm currently running a sale on the site.
I just noticed another sale related glitch— the original price of the products (with the strikethrough) seems to be aligned in an odd way, both on the product listing page as well as the individual product page (screenshots attached).
Hi,
This is with regards to the tooltip that shows when you hover the icon on the + next to each product. Can I change the colour of the 'ADD TO BASKET' text to white? It's currently grey and not very visible (image attached).
Once the + is clicked, the box that says 'product added to cart' (I'm not 100% sure what it says because I can't read this message) is nearly invisible (image attached also).
Can I make both these tooltips dark grey with pure white text (text without transparency ideally)?
Thank you,
A
Hi qfactor,
Please add the code below to your Custom CSS area:
.tooltip-inner { color: #fff !important; }That was super speedy! Thank you for your response, it now works perfectly.
One final question. Is there a way I can change the colour of the background of the confirmation message (PRODUCT ADDED TO CART)?
Thank you,
A
Hi qfactor.
Thanks for your kind words, I'm glad that the code worked for you
Just add the code below to your Custom CSS area:
.tooltip.tooltip-green .tooltip-inner {then change the red color with the color that you prefer.background-color: red !important;
}
Thanks a lot, Ylli! This works and I was able to change the colour to just the way I wanted it.
Really appreciate the quick responses, especially since I'm currently running a sale on the site.
I just noticed another sale related glitch— the original price of the products (with the strikethrough) seems to be aligned in an odd way, both on the product listing page as well as the individual product page (screenshots attached).
Is there a way I can fix the alignments?
Thank you!
Hi qfactor.
Lucky you that i finished all the tickets for today
Can you please add the code below to your Custom CSS area:
.woocommerce .shop-item .item-info .price>del, .woocommerce .shop-item .item-info .woocs_price_code>del { padding-top: 4px; } .shop-item-single .item-info.summary .price del { margin-top: -3px !important; }Haha lucky for me indeed! Thank you for your support, you can consider this thread closed.
I would write you guys a second positive review if I could :)
Hi qfactor,
Glad to hear that
Have a wonderful day!
Will set this ticket as solved from here.