Knowledgebase

Elementor design idea

To make the header section more beautiful, you can definitely find an example in this article.

First of all, we need two sections with the appropriate layout background. This is the first thing you can do to design the header area. Here, under Layout, we switch the height to the min height and stretch the section.

Under Style we deal with the background. For this we select classic and insert an image. Now click on the left column, which is like a window. Here we select the color black and under Advanced we adjust the "Padding". First link the values. At the top we set the values to 235 and at the bottom we set the values to 130. Now paste the heading into the left section. Now the headline is in a black box and can stand out with a bright color. 

Erweitert Layout Elementor

Header Layout Elementor

Next, they add a distance. The spacing is set to 12. After you have done this, the content is already included. Now you can do the next step and select two sections. In the left section, add a heading and the text. You can customize this again by font and color. The heading in this case is the H2 but from the size medium. In the left column it gets a bit more creative. 

Here you first edit the layout under Edit Column, this is the window on the right section. Choose the color and adjust the Margin and Padding. At Margin you can link the values. Now adjust the top and bottom to the 30. For Padding, the values are also linked, but here only the bottom is set to 15. 

Erweitert für den Content Elementor

Insert the headline here, as well as the image. Also here the headline is adjusted to the size -> Medium, as well as color. Select also here the desired image and choose the image size "Medium". 

Layout Elementor

  Layout und Content Bereich Elementor

 

Was this answer helpful?

0 Users Found This Useful