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