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!
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