Shopify themes, liquid, logos, and UX
Hi!
So the images on my collection page are quite dark. I changed the opacity but they are not as bright and as vibrant as the original image.
How can I fix this?!
Please share store URL.
Thanks!
Please add the following code at the bottom of your assets/theme.css file.
.collection-grid-item__title-wrapper::before {
background-color: transparent !important;
opacity: 1 !important;
}
.product-card:focus-within .product-card__image-wrapper, .product-card:hover .product-card__image-wrapper {
opacity: 1 !important;
}
Thanks!
It has removed the opacity, but the images shouldn't look like that. The original image is this. Notice how brighter they are?
Above code removed opacity. Do you mean images should be more brighter?
Yes! Notice how they're a darker tone to the original images? They need to be the right colour.
I am checking on this page.
https://chipdiphooray.com.au/collections
Images on this page and original images are same. Am I on the correct page?
Let me know.
Yes. Images are the same but colour is different. This is how I see it.
They should be brighter as the images above.
@chipdiphooray - this is your original image, it itself is dark, please add brighter images and then it will look good
https://cdn.shopify.com/s/files/1/0584/4805/2376/collections/2_360x.png?v=1631664956
That can't be right because I upload the brighter image?
@chipdiphooray - this is strange then, but images are dark hence the issue... it has nothing to do with opacity, you can contact theme support to ask them
Thank you so much for this. I was seriously about to ditch Shopify altogether over how bad the dark images looked. Perfect now!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024