Shopify themes, liquid, logos, and UX
Hi there,
I've looked at a few discussions similar to this, but couldn't find a solution that worked for me. Currently, my gallery images on my site's home page have text overlay and when you hover, the images turn dark grey. I want to change it so instead of hovering and they turn grey, the text is revealed.
So I don't want the images to have the text overlay until you hover them. Any help is greatly appreciated! Here's the URL: https://smokingguncoffee.com/
Here's an image for more context:
Thanks so much!
Hi,
Try adding this code to the bottom of theme.scss.css (or theme.css)
@media only screen and (min-width: 750px) {
.image-bar__caption {
visibility: hidden;
}
.image-bar__content.image-bar__overlay:hover .image-bar__caption {
visibility: visible;
}
}
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