When I use Penci Image Gallery, I would like to completely eliminate the transparency color change when the mouse hovers over a picture. the expand arrows are fine, but I've gotten complaints about how distracting the color change and transparency is. I've tried this custom CSS which changed the color of the transparency, but it is still too distracting. I have been manually turning off the transparency on each individual picture, but that is tedious with about 20 pictures per page. What custom CSS could I use to turn off all color changing and transparency effects, so the only change I see on mousing over a picture is the arrows?
When I use Penci Image Gallery, I would like to completely eliminate the transparency color change when the mouse hovers over a picture. the expand arrows are fine, but I've gotten complaints about how distracting the color change and transparency is. I've tried this custom CSS which changed the color of the transparency, but it is still too distracting. I have been manually turning off the transparency on each individual picture, but that is tedious with about 20 pictures per page. What custom CSS could I use to turn off all color changing and transparency effects, so the only change I see on mousing over a picture is the arrows?
body {
--pcaccent-cl: #F2F2F2;
}
Hi,
Please send me a URL that contains this element, I'll check & send you a custom CSS code.
Regards,
PenciDesign.
Hi,
Please public this post then update this ticket.
Regards,
PenciDesign.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.penci-gallery-item a:after {display: none !important;
}
Regards,
PenciDesign.
Works perfect, thanks!