Design Controls & Styling
Sections, Columns & Widgets
Preview
Style like a designer
Typography
Select a Heading widget → Style → Typography\n- Family, Size, Weight, Transform, Line Height\n- Use the eye icon to preview any fontColours
Pick colours from the palette. Set site-wide defaults in Site Settings so you stay consistent.
Spacing
Margins and padding are on every element's Advanced tab. Consistent spacing (e.g. 20px vertical rhythm) makes a site feel professional.
Effects
Add Hover effects (colour, zoom, lift) and Entrance animations — but use them sparingly for a clean, professional result.
Common mistakes
- Ten different fonts — stick to two
- Colours picked ad hoc instead of from your palette
- Animations everywhere — they slow the page and annoy visitors
This is a free preview lesson
Enroll in the Elementor Page Builder to unlock every lesson, lesson PDF guides, quizzes and your certificate - and start creating your own pieces today.