Copied!
It's on your clipboard.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Wireframes
No items found.
Oops, nothing here...
Scroll
Esc
Overview
The CSS removes extra vertical space around Elementor icons by setting the wrapper’s line-height to zero, keeping icons perfectly aligned without gaps.
Documentation
Code Setup
Walkthrough
Copy To Elementor
Setup: Add Custom CSS
Add this code with a snippets plugin in <head>, or place it in Page CSS block or Site Settings.
.elementor-icon-wrapper {
line-height: 0;
}Publish and preview live
Some solutions only work on the live site. Always publish and test after each change, as results may not appear in the editor.
Absolutely Codefree
If you were expecting some fancy snippet, sorry. This one runs just fine on its own.
C’mon, You Got This
Do we really need to spell this one out? It’s as straightforward as it gets.
