Add Background to Section

From SitePad Wiki
Jump to: navigation, search

This guide will help you to Add Background to Section.

There are two Different ways to do that.

Using Row Dialog Box

1) Open Page you want to edit in editor. To do that Click on Edit icon present next to page name as shown image below.

Click edit contact.png

2) Once you open Page in Editor follow steps below

  1. Select Row where you want to Add Background by Clicking on Three Vertical Dots as shown image below.
  2. Step i will pop up the Dialog Box for that Row.
  3. Now Click on Settings option in Dialog Box.
  4. Now Select the Type of Background you want to give for that Particular Row

Add-background.png

3) When you select one of the Option for Background then it will need some inputs just Fill that as shown below.

For Video Background

Background-video.png

For Youtube Video Background

Background-youtube.png

For Parallax Image Background

Background-parallax.png

For Image Background

Background-image.png

For Image Slider Background

Background-slider.png

Using Edit Element Style

1) Once you open Page in Editor follow steps below

  1. Select Row where you want to Add Background by Clicking on Three Vertical Dots as shown image below.
  2. Step i will pop up the Dialog Box for that Row.
  3. Now Click on Style option in Dialog Box.
  4. Now Click on Edit Element Style.

Edit-element-background.png

2) Now in Edit Element Style select Background Color or Background Type you want as shown in image below.

Edit-element-background-color.png

For Image Background

If you want Image Background then just click on Image and select Image you want as shown in image below.

Edit-element-background-image.png

For Gradient Background

If you want Gradient Background then just click on Gradient and select Gradient Angle and Color as shown in image below.

Edit-element-background-gradient.png