Panel - BG Image & Text
Used fields:
| Name | Type | Description |
Settings |
||
| Scroll-ID (Anchor) | scroll-id | Explore this field in the Scroll-ID (Anchor) section. |
| No space top | checkbox | Removes the spacing to the top if checked. |
| No space bottom | checkbox | Removes the spacing to the bottom if checked. |
| Background Bright | checkbox | If your background image in the 'Content' section is bright then please check this box. It will transform the text on your panel for a better readability. |
| Text Position Y | dropdown | Decide if your text should be display on the top, center or bottom. |
| Text Readability | checkbox | If this is checked a blurred overlay will appear between your text and the image to improve the readability for the text. The color of the overlay will change if you checked the "Background Bright" setting. You can change the color of the overlay in Global Settings - Theme Settings. |
Settings (text not centered) |
||
| Text Position X | dropdown | Decide if your text should be display on the left, center or right. |
| Mobile Image | image |
A mobile image for the panels as the desktop-version would not fit if you put in text on left or right of the image. Recommended image size Width: 1000px Height: 1000px |
| Mobile Image Position | dropdown | Decide if the Mobile Image is on mobile devices beyond or above your text. |
| Mobile Background Color | color | Set a background-color for your text on mobile as the image will not serve as background if you put the text on desktop to left or right. |
Content |
||
| Image | image |
The background image for your panel. Recommended image size Width: 2000px Height: 1125px |
| Video | field-video | The background video for your panel. This is optional. Please still upload an image as fallback for browsers which cant play videos. |
| Text | ck-editor | Explore this field in the CK-Editor (Free Text) section. |