Icons stretch circle or square

  • Resolved vianneypercq

    (@vianneypercq)


    5 years, 1 month ago

    Hi,

    Thanks for the plugin.
    Here is my issue:
    When I import an icon from Fontello an then the plugin, I can select it through elementor with oceanwp theme.
    My problem is that for all icon imported (I did several test), if the icon position is located in a circle or in a square existed in the theme, then the circle or the square are stretched up.

    Can you help me ?
    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Michael Bourne

    (@michaelbourne)

    5 years, 1 month ago

    Could you send me a link to an example?

    Thread Starter vianneypercq

    (@vianneypercq)

    5 years, 1 month ago

    Hi Michael,

    Here is the link:
    http://www.wanaki.fr

    You will see a three blue column section under the slider.
    First column with a bandage (icon imported) : circle stretched
    Second column with a siren (icon imported) : circle stretched
    Third column with a notebook (icon already in Elementor) : circle normal sized

    Thanks for your help

    Vianney
    France

    Plugin Author Michael Bourne

    (@michaelbourne)

    5 years, 1 month ago

    Appreciate that. Looks like a small change to CSS is needed. Font-Awesome uses inline-block by default which I’ve mimicked, but Elementor is using block now.

    For now, use this css globally:

    i.eci { display: block; }

    I’ll run some more tests and do a small update next week if all looks good.

    Thread Starter vianneypercq

    (@vianneypercq)

    5 years, 1 month ago

    Hi Michael,

    Thank you for your advice.
    I have added your css code in the style.css file of the child theme but it didn’t correct the stretched circles with the icons inside.

    Plugin Author Michael Bourne

    (@michaelbourne)

    5 years, 1 month ago

    You may need to add an !important on it if your stylesheet is enqueued before the plugin styles.

    Thread Starter vianneypercq

    (@vianneypercq)

    5 years, 1 month ago

    Hi Michael,

    I have added the code below on the stylesheet of my child theme:

    i.eci {
display: block !important;
}

    It goes perfect now!
    Thank you very much for helping.

    Plugin Author Michael Bourne

    (@michaelbourne)

    5 years, 1 month ago

    Perfect! I’ll update the plugin once I know this won’t affect anything else poorly.

    Thanks for the heads up.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Icons stretch circle or square’ is closed to new replies.