Photo Gallery Forums

Posted: **14 Apr 2020, 11:57**

Hi Karl,

I'm unable to find the CSS element to change the color of the magnifying glass. Can you help me with this?
I just want to replace the white color with gray as my background is white as well.

Thanks,
Thomas

Posted: **14 Apr 2020, 20:40**

You mean the icon that shows up on gallery images mouse hover? Try this:

.gallery.hover .image-container:before {
  color: tomato; /* icon color */
  background-color: black; /* icon background color */
}

Normally, it's not recommended to set "primary color" to white, as some UI elements depend on this color to contrast with white. Maybe only this item in your case.

Photo Gallery Forums

Magnifying glass custom CSS

Magnifying glass custom CSS

Re: Magnifying glass custom CSS