WordPress - Edit Homepage Graphics

Owned by Thomas Rose-Bolden
Last updated: Nov 20, 2024 by Amrita.Biswas
2 min read

To edit the page, you need to use the functionality of the Elementor plugin. Each section is separately divided into a container.

Step 1:

Hover your curser over the ‘Edit with Elementor’ link.

 

Step 2:

The image container sits above the desktop contain and is quickly accessible via the ‘Navigator’ menu. Advanced > Responsive > Visibility controls when the mobile version is hidden, (Desktop, Laptop, Tablet landscape views). An item is grey when visibility elements have been applied. The mobile image dimensions should be 400 by 320 pixels and 15KB or less in size. The desktop version should be 740 by 496 pixels and 30KB or less in size.

 

The mobile rendering of the page hides the desktop background image and displays the mobile version above the remaining headlines and CTA button based on visibility settings.

Step 3:

Select the blue “+” to add a new entity photo or add an exiting item.