Blog Post

Sarfraz
Sarfraz
Scroll to Top

Step 1:- Choose the section on which you want to add the shape divider
Step 2 :- Select the section >> Style >> Shape Divider
Step 3:- If the above one does not work, add a section wherever you want and give it any height, and then the background color and then shape the divider shape and the set color accordingly.

Step 1:- Take two columns of equal size
Step 2:- On the left section you can use widgets of headings, text, buttons, or anything of your choice
Step 3:- Design the left section the way you want.
Step 4:- Set a background image in the entire section, not the left section
Step 5:- Select the left section and give margin from the top and bottom
Step 6:- In the main section column gap should be no gap under the layout and the background overlay will have a gradient color, the first color should be your back
background-color so we will take white color, location 40% to show 40% white background, and the second color should be transparent and location 0
% and Angle should be 90 degrees and opacity 1
Step 7:- In the mobile screen, set margin 0 to the first column add the same image in the second column, and then change
the position of the column, target the main section > advanced > Responsive > reverse column(To bring first column to second number) and then hide this image on tablet and desktop

Step 1:- Elementor >> Settings >> Features Tab >> Page Transitions [should be default or active] >>Save Changes.

Step 2:- Go to the site settings by opening any page with Elementor from where we drag and drop widgets. So, site settings >> page transition >> page transition to style the “Preloader page” and then preloader to choose the types of preloader.

For more info visit Youtube

First we will target the section we want to go on clicking any text and give it a name under advance >> css id (give any name) and now go to the text section and under link pass #name and update

We will create any template we want and then copy the short-code of the template available at dashboard >> template >> popup >>copy the shortcode. Now to use it, we will go to any page or post where we want to add that template and then drap a drop “shortcode” widget and inside the section past the shortcode that we copied and update