Configuring your Panel content style properties
With FlexiPanels CSS you can configure the style properties of the content that goes inside each Panel element: header, content and footer.
1. Open the FlexiPanels CSS extension
Select the Panel from the gallery and
2. Switch to the Configuration tab. From this new window, for each panel element (header, content, footer) you can:
- Use the embedded classes or your own
- Select background behavior: repeat or strech
- Set the element height or fit to content
- Set the content properties (font style, padding, height, color)
- Set the content padding
FlexiPanels CSS configuration Tab
3. Save and insert in your page
- Click the Save button at the bottom of the interface to save the changes; following, click the Close button to add the panel to your page. As you can see, the panel was embedded in Design View as well as in Code View.
- In the File panel, click Preview in Browser and select a browser from the list or click F12 to preview the page in your default browser.
