Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1398239

    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

    #1398347

    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

    #1398349

    Hi Anne,

    Glad you figured it out and thanks for sharing your solution.

    Let us know if you have any other questions and enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘custum icon magnifying glass at image overlay lightbox looks compressed’ is closed to new replies.