Panel

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 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. Drag the background slider to choose the transparency level:

Drag the background slider to choose the transparency level and click  Apply:

Background Photo:

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

Please Note: 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:

Please Note: After changing a Position, an additional Resize settings slider appears at the bottom.

  • 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. Position: You can change a Border Location by clicking Edit and choosing a preferable option among:

  • Full:

  • Top:

  • Left:

  • Right:

  • Bottom:

4. 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: