Tagged: custom icon, icon style, image overlay, Lightbox
Dear Kriesis,
I replaced the expand icon at the image overlay with the entypo magnifying glass. It works so far but the icon is compressed and looks weired (please see link attached):
.image-overlay.overlay-type-image .image-overlay-inside::before {
content: “\E803”; /* magnifiing glass */
font-family: ‘entypo-fontello’;
font-size: 5em; /* enlarged */
font-weight: normal;
}
What is wrong?
Best regards
Anne
Dear Kriesis,
problem is solved! By default the icon is italic. So I changed the font-style to normal:
image-overlay.overlay-type-image .image-overlay-inside::before {
content: “\E803”; /* magnifiing glass */
font-family: ‘entypo-fontello’;
font-size: 3em; /* enlarged */
font-weight: normal;
font-style: normal; /* changed */
}
You can close the thread.
Best regards
Anne