Elementor gives more control over your layouts

art-color-colourful-207665
Share on facebook
Share on twitter
Share on pinterest

Elementor Gives More Control Over Layout

Elementor gives more control to help you with controlling the various page elements, the gaps between widgets, their width, height and positioning. This can truly make or break a design. Elementor gives you a lot more control over these settings than ever possible on a live page builder for WordPress. Because it’s a live builder, it’s much easier to decide whether the different structure settings are exactly set to your liking.

Section width

layoutElementor’s page sections make up the basic architecture of the page, and allow you to control the width of your content inside the section. You can set the width to be fixed or full width.

Resize columnsresize-web

Tinkering with the size of the columns has never been easier. Grab one of the corners and drag it until the column layout is just right.

column-gapColumn gap

Change the gaps between columns in order to let your design breathe. By changing the gaps at once, you can visually decide which one has the best fit.

positionContent positioning

Position the column to the top, center or bottom of a section, or stretch it out to the whole section. You can also position the content within the column in the same manner.

pading-marginUnique padding & margin

Set padding & margin on sections, columns & widgets, using px, EM or %. Our dynamic size setting lets you get more control over the display on various screens, mobile or otherwise.

Control Over Styling

Elementor lets you customize styling for every widget you place on the page, as well as for rows and columns. This styling control includes adjustments of fonts, colors, background and spacing. Want to change the opacity of a button? You can do that with a simple drag of a controler.

Typography

Play around with over 600 fonts. With Elementor you get a variety of typography controls that can be used for every widget and section of the page. Experiment with different letter spacing, line height, font weight, text transform (uppercase and lowerspace), italics and more.

Color

Elementor lets you enjoy your customized palette and use it for every page you create. This makes it easy to maintain a consistent design and brand identity. You can also choose any color you can think of, by using our color picker or by pasting the hex code. For every color, you are able to manipulate the opacity and choose semi transparent colors.

Backgrounds & borders

Backgrounds are one of the best ways to reach outstanding and interesting page designs. With Elementor, you can set image or color backgrounds for each section and column.

You can also set video backgrounds, and choose between your own self hosted videos, or embed youtube to run in the background.

Set borders and border radius, to properly frame your content.

Spacing

There are two different levels of spacing possibilities for widgets:

  1. Spacing between the widget and other widgets in the column. Control the margin and padding of every widget. Top, down, left and right can each be set individually.
  2. Spacing between elements inside the widget. The counter widget, for example, lets you change the distance between the text and the counter number.

Font awesome icons

Choose from over 400 unique icons and customize them to fit your style. Use Icons to make your page more visually appealing.

Final Words

Elementor continuously improves their plugin, making sure that you always get the best experience when building your website.

What are you waiting for?

Need help with your Website
?

What ever your website needs are, we are here to help you.

Get a Quote

Share this post with your friends

Share on facebook
Share on google
Share on twitter
Share on linkedin