Vertically center an icon inside a button

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,

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.

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,

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