Shopify themes, liquid, logos, and UX
Good Day!
Disclaimer: this website contains adult products.
I am trying to change the color of the text on the collection page. Currently, the font color is white over a lightened hover effect. This makes it very hard to see the text. See example: (https://alittlekinky.co/collections/vibrators). I would like to either:
1) change the text to black to make it more visible over the hover effect, or
2) darken/ dim the hover effect to make the words more visible as white.
Currently, when I try to change the color for the product title and price, it changes it on the actual product page as well. I want the font on the product page to remain white.
Is there a way to alter/ override the current text colors and complete this?
Thanks in Advance!
Solved! Go to the solution
This is an accepted solution.
@Snohx ,
Please add this CSS to your theme
.grid-view-item .grid-view-item__title, .product-price__price{
color: #000;
}
span#ProductPrice-product-template {
color: #fff !important;
}
Thanks!
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
body.template-collection .grid-view-item.style2 .overly {
background-color: #a8a6a6c9;
}
Thank you so much! This was very helpful!
This is an accepted solution.
@Snohx ,
Please add this CSS to your theme
.grid-view-item .grid-view-item__title, .product-price__price{
color: #000;
}
span#ProductPrice-product-template {
color: #fff !important;
}
Thanks!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024