Recommended starter CSS

Where to add this CSS

Add the following CSS in Elementor → Site Settings → Custom CSS, or in a global CSS file if you prefer managing styles outside Elementor.

Starter CSS (copy & paste)

/* Remove empty space from bottom of Text Editor widgets */
.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

/* Remove focus outline and shadow from form fields */
.elementor-field-group .elementor-field-textual:focus {
  box-shadow: none;
}

/* Reset line height for all Elementor icons */
.elementor-icon-wrapper,
.elementor-icon {
  line-height: 0 !important;
}

/* Improve vertical alignment for SVG icons */
.elementor-icon svg {
  display: inline-block;
  vertical-align: middle;
}

What each rule does

Remove extra spacing in Text Editor widget

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

Elementor’s Text Editor widget adds extra bottom margin to the text editor by default, this often creates unwanted extra space and causes layouts to look unpolished.

This rule removes the margin from the last paragraph only, keeping spacing consistent.

Remove focus shadow from form fields

.elementor-field-group .elementor-field-textual:focus {
  box-shadow: none;
}

Some browsers and themes apply a heavy focus shadow to form inputs.
This can clash with minimal UI styles and make forms look inconsistent.

This rule removes that shadow while keeping the field functional and accessible.

Reset line-height for Elementor icons

.elementor-icon-wrapper,
.elementor-icon {
  line-height: 0 !important;
}

The icon widget has a gap at the bottom which is not ideal for creating pixel perfect websites.
Resetting line-height ensures icons sit cleanly within it’s widget frame.

Improve SVG alignment

.elementor-icon svg {
  display: inline-block;
  vertical-align: middle;
}

SVG icons sometimes sit slightly too high or low. This small tweak helps visually align icons.

Is this required?

No. Element UI works without this CSS.

But adding these rules globally:

• Prevents small layout issues later
• Keeps spacing consistent
• Makes everything feel more polished

This is why I treat it as “starter CSS” that I add to every Elementor project.