Icons Are Not Displaying properly

  • Resolved rcmteam

    (@rcmteam)


    3 years ago

    I have been optimizing my website to improve page speed. During this process, Essential Elements stopped displaying icons properly and i cant figure out why this happened or how to revert without uninstalling the plugin and loosing all my edits. I already checked elementor to regenerate elements. i also went into essential elements tools and regenerated assets. None of these actions resolved my issue.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support AR Rasel

    (@arrasel403)

    Hi @rcmteam,

    Hope you are doing well.
    Please use the below custom CSS code and retry once.

    .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image .ea-flipbox-icon {
    width: 50px !important;
}

    You can easily apply custom CSS by following this documentation: https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

    Hope your issue will be fixed. Let us know how it goes.

    Thanks!

    Thread Starter rcmteam

    (@rcmteam)

    I pasted this code in the costom css and it worked. Now im wondering why did this issue happen? I did not need this code in the past. Also, i did the regeneration steps for elementor, browser cache and Essential addons.

    Plugin Support AR Rasel

    (@arrasel403)

    Hi @rcmteam,

    Sorry for the late reply.
    Glad to know that your issue got fixed after using the custom CSS code.

    As you had used a large size SVG icon on the FlipBox widget that’s why the issue occurs. And after using the above custom CSS code I fixed the SVG icon width and the issue got fixed.

    Hope you understand. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Icons Are Not Displaying properly’ is closed to new replies.