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;
}
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!
Thank you so much! This was very helpful!
User | RANK |
---|---|
121 | |
91 | |
77 | |
72 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022