Archives: Design

Full Site Editing Elementor lets you design your entire site from one place. With Full Site Editing, you can edit your Elementor Pro header, footer, archive and single templates, as well as your page or post content, all within the same screen. https://youtu.be/Lslrq1d3U00 While ...

Shape Divider Shape dividers are graphic shapes that separate the sections of a page. https://youtu.be/uSl6SVE1pwQ How to Add Shape Dividers Add a new SectionGo to Section > Style > Shape DividerChoose to display at the Top or Bottom of your sectionType: Click the dropdown to ...

Fixed Positioning For Widgets Set your widget to have a fixed position and place it in a custom position. The element will stay fixed in that position as the page is scrolled. Under any Widget > Advanced > Custom Positioning Position: FixedDrag and drop the widget anywhe...

How to Use Z-Index in Elementor The Z-Index property specifies the stack order of elements. An element with greater stack order will always be in front of an element with a lower stack order (i.e. an element with a Z-index of 10 will be on top of (in front of) an element with a Z-index of 5. ...

How to Change a Background Image How To Change A Section’s Background Image Click on the Section Settings handle  to enter the Section SettingsGo to Style > Background > Background Type > ClassicUnder Image click the + sign and choose your image. https://youtu.be/5qTxwo0kUi4 How T...

Section/Column Vertical and Horizontal Alignment Adjust vertical and horizontal alignment within Sections and Columns to achieve a “stretch-to-fill” layout. This allows elements of columns with different heights to align with one another. https://youtu.be/htUvG2Y5vaY For each...

Theme Style – Global Settings Theme Style settings are global settings that allow you to set default styling options for various elements, such as Backgrounds, Headings, Buttons, Images, and Form Fields.  These settings override the theme styling settings and takes its place, allowing you to use...