Page 1 of 1

Magnifying glass custom CSS

Posted: 14 Apr 2020, 11:57
by tbp
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

Re: Magnifying glass custom CSS

Posted: 14 Apr 2020, 20:40
by mjau-mjau
You mean the icon that shows up on gallery images mouse hover? Try this:
Code
.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.