How to fix icon box alignment

Posted on Dec 29, 2022



One option you can try is using the "List Icon" widget, which has an option to align the icons in the middle. Alternatively, you can use the following code to center the icons of your icon box widget:

.elementor-icon-box-wrapper { align-items: center; } .elementor-icon-box-title a { margin: 10px; }

If you want to apply this styling to a specific icon box, you can add a selector before the .elementor-icon-box-wrapper class. For example, if your icon box has the ID "my-icon-box", you can use the following code:

#my-icon-box .elementor-icon-box-wrapper { align-items: center; } #my-icon-box .elementor-icon-box-title a { margin: 10px; }

If you need help with Elementor, I am happy to offer my assistance for free. Feel free to chat with me at https://ramerian.me.