Elementor icon align

  • I’m having a problem with the Elementor icon alignment which was mentioned on other posts. I tried two suggested CSS fixes on different threads and they didn’t fix the problem:

    .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a{
    display: flex;
    align-items: center;
    }
    .elementor-icon-list-item .mailto-link > span[id^=eeb-]{
    display:flex;
    }

    After some trial and error I came up with a variation of code that does fix the error, I just hope it doesn’t have any unintended consequences.

    .elementor-icon-list-item span[id^=eeb-] {
    display: flex;
    }

    So I’m posting to see if anyone can double-check, and in the hopes it’ll help somebody else.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter stormymondays

    (@stormymondays)

    After some tests, I was missing an alignment, so the final code would be this:

    .elementor-icon-list-item span[id^=eeb-] {
display: flex; 
align-items: center;
}

    I’d appreciate someone else double checking on this.

    Thread Starter stormymondays

    (@stormymondays)

    Well, for some reason align-items: center fixes the alignment problem on some sites but not on others. I’d like to find a general, bullet-proof solution.

    In my particular use case I have discovered that enabling the option to parse shortcodes fixes the problem, but since it says it might slow down the site, I don’t want to keep it enabled.

    christianowordpress

    (@christianowordpress)

    Thank you, it works also in my case!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Elementor icon align’ is closed to new replies.