Search…

X3 Photo Gallery Support Forums

Search…
 
tbp
Experienced
Topic Author
Posts: 42
Joined: 12 Apr 2020, 09:19

Magnifying glass custom CSS

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
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Magnifying glass custom CSS

14 Apr 2020, 20:40

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.