Elementor Section and Column Padding Tests

Background

Findings:

• The “div.elementor-widget-wrap” is the only Div that provides the paddings around the columns, for both Section and Inner Section. The default is 10px 10px 10px 10px.
• These paddings apply to all columns for both fullwidth and boxed sections. Same applies to inner-section.
• To have 20px paddings to the browser borders:
  • For single column structure, set the PADDINGs of the outmost column of the section to 10px 20px 10px 20px.
  • For multiple column structure, set the paddings to 10 10 10 20 for the left-most column and 10 20 10 10 for the right-most column. When these columns wrap at break-points, adjust paddings of these wrapped columns accordingly.
  • If inner section exists, apart from setting the paddings as per above, also set the PADDINGs of the inner section columns accordingly at different break-points.