Changing the website design in Elementor

[mehadihasan123456]

Let's move on to the most interesting stage of creating a store on WordPress — working with the design in the Elementor page builder. I will not describe here all the changes on each page of the store, but will only tell you in detail about the builder interface so that you understand what it can do and where to click. This should be enough to understand the principle. If you want to see in detail how I changed the design on the demo site, watch the video tutorial.

Go to your website's home page and click the "Edit in Elementor" button in the quick access bar.

WordPress create store: "Edit in Elementor" button in quick access bar on store homepage

The constructor interface is similar to the section with visual settings: on the left is a panel in which you change the parameters of elements, on the right are the elements themselves on the page. In essence, this is the romania email list main page of your online store on WordPress, but without the top menu and with the ability to change the content.

In Elementor, the main page consists of sections. Each of them has blue borders, and at the top there is a small plate with three buttons: add a new section, select or delete the current section. You can grab the section with the mouse by the central button and move it to another part of the site.

WordPress Create an Online Store: First Section on the Home Page

Inside the sections are elements: headings, banners, links, buttons, products, images. Hover over any of the elements and you will see a blue frame with a pencil icon around it, which means "Edit".

WordPress Online Store Creation: Borders of the Header Element on the Main Banner

In addition to the blue frame, you will also see a frame of white dotted line - the border of the column in which the element is located. In the upper left corner of this border there will also be a column icon. If you right-click on it, a menu will appear with the main actions that can be performed with the column. So you can add another column or delete an unnecessary one.