Archived topic
How to change cart colour on home page only w/ Header Element activated
5 replies · Started by _blank on June 5, 2022
Hi Generate Press Support Team,
Great work as always!
On the font page I have used the merge option within the Header Element, and have made colour changes to the Site Title and Menu, although I cannot apply any colour change to the cart/shopping bag icon - Is there a way I can change the cart/ shopping bag icon colour for the front page only?
Many thanks,
Daniel
Hi Dan,
If you’d like to alter the color of the Shopping bag icon in the front page only, here’s a CSS code you may try adding in Appearance > Customize > Additional CSS:
.home .gp-icon.shopping-bag {
color: rgb(255,200,0);
}Kindly replace rgb(255,200,0) with your preferred color value: https://www.w3schools.com/colors/colors_picker.asp
Let us know how it goes. :)
Thanks so much Fernando that works great!
Is there anyway to also change the colour of the quantity number next to the shopping bag?
Thanks,
Dan
Hi Dan,
Yes, there is. Here’s a code you may try:
.home span.gp-cart-quantity {
color: #fff;
}Kindly let us know if it works!
Works perfectly! Thanks so much Fernando! :)
Dan
You’re welcome Dan! Glad that worked! :)
