Shirley – How to edit Hero

How to edit Hero in Home 1

 

 

  1. Click on Enable Visual Builder in the top bar.
  2. To replace an image, start by hovering your mouse over it. A grey panel should appear with some icons inside it. Click on the cog icon. This will open a new panel with settings related to this specific element.

 

 

How to edit Hero in Home 2

 

 

  1. Click on Enable Visual Builder in the top bar.
  2. To replace an image, start by hovering your mouse over it. A grey panel should appear with some icons inside it. Click on the cog icon. This will open a new panel with settings related to this specific element.
  3. By default it’s not possible to add overlay effect to a section or any other Divi modules that contain a video background.

You´ll find a code like this:

content:"";
content:"";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(41,55,62,0.69);
z-index: 1;

 

Next, and the following code under the Section >  Advanced tab  > Custom CSS >  Before Element field:


 

How to edit Hero in Home 3

 

  1. Click on Enable Visual Builder in the top bar.
  2. To replace an image, start by hovering your mouse over it. A grey panel should appear with some icons inside it. Click on the cog icon. This will open a new panel with settings related to this specific element.

 



Need Further Tutorials?


The Divi Button Module: https://bit.ly/2UN7GZc


 


			

				
Related Articles