Adding Panel

You can place the  Panel into different blocks of a page via Drag & Drop.

1. In the  Site Editor, hover over the left sidebar and click Build:

2. Under the  Features section, click Layout:

3. Drag and drop the  Panel to the preferred area of the page:

Customizing a Panel

Hover over a  Panel element to display the Edit button in its top-right corner and be able to modify the item:

Background Color: Click the Colour square to select the background color:

Background Photo:

  • Drag and drop the background image onto the Add Photo placeholder:

(After adding a  Photo, an additional Opacity settings slider appears at the bottom).

  • Change the Opacity settings:

Alternatively, click the  Add Photo placeholder to open the Upload Image dialog and locate the image on your computer:

  • Drag and drop the image into the Drag & Drop frame:
  • Or click inside the Drag & Drop frame to open the Upload from Your Computer dialog or choose one from Free Photos and select the image to upload:

Position: You can change a Photo Location by clicking Edit and choosing a preferable option among:

  • Fill:
  • Top:
  • Left:
  • Right:
  • Bottom:
  • Resize: You can Resize the image after changing its Position.  
    Please Note:  The option is available only with the following  Positions: Top, Left, Right, and Bottom.

Designing a Panel

Hover over a  Panel to display the Edit button in its top-right. Proceed to the Design tab:

1. Pick the  Border Color and click Apply:

2. Select a Range of Border:

3. Choose a Range of Radius:

4. Pick a Shadow Color, click Apply and choose a Range of Shadow:

5. Turn on the Hover Effects, and choose the effect among the Sliding Up, Sliding Down, Sliding Left, Sliding Right, Zoom In, Zoom Out, Transparency:

Congratulations, you've created and designed your Panel.