Vertically center an icon inside a button

  • Resolved supern0va

    (@supern0va)


    2 years, 3 months ago

    Hello,

    I would like to vertically center an icon inside a button, but I don’t know how. I am using the free versions of OceanWP and Elementor. The issue only appears on the mobile version of the site when the text in the button is split into two lines (see photo: https://imgur.com/a/Han2vMn).

    Thank you in advance!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Rica

    (@ricav)

    2 years, 3 months ago

    Hi @supern0va,

    To vertically center an icon inside a button in Elementor with OceanWP theme, you can use custom CSS.

    You can find assistance with coding on our developer’s forum on GitHub – https://github.com/elementor/elementor

    This article might be able to help you – https://github.com/elementor/elementor/issues/16077

    I hope that helps.

    Kind regards,

    Thread Starter supern0va

    (@supern0va)

    2 years, 3 months ago

    Thank you for the response!

    I’ve tried the solution from the GitHub article, but in my Elementor settings, there isn’t an option to enable Font-Awesome Inline in Experiments. Nevertheless, I’ve still tried the CSS code without success.

    Plugin Support Rica

    (@ricav)

    2 years, 3 months ago

    Hi @supern0va,

    Feel free to try the custom CSS snippet provided below, which has worked for me on my local site:

    .elementor-button-icon .e-font-icon-svg {
    height: 100%;
}

    Please note that while I’ve provided this code as a suggestion, it’s important to understand that offering custom code support is beyond the scope of our regular assistance. For more details about our support policies, you can refer to this page: How Do I Get Premium Support? | Elementor.

    I made an exception in this case to provide you with some guidance. However, please be aware that there’s no guarantee the code will work perfectly for your specific situation. If you encounter any further issues, we may not be able to provide additional assistance.

    For further help with custom code or more complex issues, you can visit our GitHub page, where our developers actively monitor and address queries: Elementor GitHub.

    Best regards,

    Thread Starter supern0va

    (@supern0va)

    2 years, 3 months ago

    Thank you for the response! The CSS code worked perfectly!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Vertically center an icon inside a button’ is closed to new replies.