How to add background colour to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Click the background colour icon.
  4. Choose background type from the icons on the left of the interface.
  5. Choose the colour option from the colour palette.
  6. Click done 

1.

2.

3.

4.

5.

6.

How to remove background colour from a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Click the background colour icon (first icon in the horizontal tools bar).
  4. Select the no style icon on the left of the interface
  5. Click done.

1.

2.

3.

4.

5.

How to add gradient background colour to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Make sure you are in the ‘Style’ submenu 
  3. Click the background colour icon.
  4. Choose type of gradient from the color submenu.
  5. Choose the colours from the colour palette. 
  6. Click done.

1.

2.

3.

4.

5.

6.

How to add background image to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Click the Background Image icon (second icon in the horizontal tools bar).
  4. Choose ‘upload’ to upload an image or ‘browse’ with the magnifying icon to search for a photo from your gallery.
  5. Choose the preferred tile type.
  6. Click done.

1.

2.

3.

4.

or

5.

6.

How to remove background image from a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Click the Background Image icon ( second icon in the horizontal tools bar).
  4. Select the no style icon on the left of the interface.
  5. Click done.

1.

2.

3.

4.

5.

How to add shadow on text in a linked header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the T icon.
  4. Choose Link from the submenu.
  5. Choose the color of the shadow from the colour palette 
  6. Click done.

1.

2.

3.

4.

5.

6.

How to add radius to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the radius icon (5th icon from the tools.).
  4. Choose the side of the corner/s you want to have a radius.
  5. Click done.

1.

2.

3.

4.

5.

How to set the value of radius corner in a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the radius icon (5th icon from the tools).
  4. Choose the side of the corner/s you want to have a radius.
  5. Set the length from the submenu.
  6. Click done.

1.

2.

3.

4.

5.

6.

How to add spacing to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the spacing icon (the 6th icon in the horizontal tools bar).
  4. Select from Inherit to Override in the submenu.
  5. Select the preferred side of the spacing type.
  6. Set the value in the marked area. 
  7. Click done.

1.

2.

3.

5.

7.

How to add inner spacing to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the spacing icon (the 6th icon in the horizontal tools bar).
  4. Replace Inherit with Override in the submenu.
  5. Select the preferred side from the Inner spacing section.
  6. Set the value in the marked area. 
  7. Click done.

1.

2.

3.

5.

6.

How to add outer spacing to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the spacing icon (the 6th icon in the horizontal tools bar).
  4. Select from Inherit to Override in the submenu.
  5. Select the preferred side from the outer spacing section 
  6. Click done.

1.

2.

3.

5.

6.

How to add shadow offset to a header?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the Shadow icon (the 7th icon in the horizontal tools bar).
  4. Select the preferred edge on the left of the interface.
  5. Set offset distance in the submenu by sliding the bar or by inserting a value in the marked area.
  6. Click done.

1.

2.

3.

4.

5.

6.

How to add a fade to a shadow?

  1. Click the pencil icon, that appears by hovering over the widget.
  2. Choose Style from the submenu.
  3. Choose the Shadow icon (the 7th icon in the horizontal tools bar). 
  4. Select the preferred edge on the left of the interface. 
  5. Set fade distance in the submenu by sliding the bar or by inserting a value in the marked area. 
  6. Click done.

1.

2.

3.

4.

5.

6.