Media with content
Overview
The Media with Content section combines visual media elements (images or videos) with descriptive content to create an engaging and versatile layout. It is ideal for showcasing featured products, services, or promotional messages.
Section Configuration:
General Settings
| Setting |
Description |
| Image |
Upload an image to represent the section or as part of the media carousel. |
| Section Heading |
Add a main heading for the section. |
| Heading Size |
Choose the size of the section heading. Options: h1, h2, h3, h4. Default: h2. |
| Heading Weight |
Set the font weight for the heading. Options: bold, semi-bold, medium, normal. Default: bold. |
| Caption |
Add a caption below the heading. |
| Caption Size |
Set the size of the caption text. Options: h5, h6. Default: h6. |
| Caption Weight |
Choose the font weight for the caption. Options: bold, semi-bold, medium, normal. Default: medium. |
| Description |
Add a paragraph of text to describe the section content. |
| Description Text Size |
Choose the size of the description text. Options: small, medium, large, xlarge. Default: large. |
| Description Weight |
Set the font weight for the description. Options: bold, semi-bold, medium, normal, light. Default: light. |
| Setting |
Description |
| View More Label |
Add a label for the button. |
| View More Link |
Add a URL for the button. |
| Open in New Window |
Enable this option to open the link in a new window. Default: false. |
| Setting |
Description |
| Media Order |
Set the order of the media and content. Options: row (default), row_reverse. |
| Carousel Height |
Define the height of the section. Options: small, medium, window_height. Default: medium. |
| Full-Width Section |
Enable to make the section full-width. Default: true. |
Slideshow Settings
| Setting |
Description |
| Autoplay |
Enable automatic transition of media. Default: false. |
| Show Navigation |
Display navigation arrows in the media slider. Default: true. |
| Show Pagination |
Show pagination dots in the media slider. Default: true. |
| Change Slides Every |
Set the interval for slide transitions. Range: 2–9 seconds. Default: 5 seconds. |
Text Alignment and Color Scheme
| Setting |
Description |
| Desktop Text Alignment |
Align text for desktop view. Options: left, center, right. Default: center. |
| Mobile Text Alignment |
Align text for mobile view. Options: left, center, right. Default: center. |
| Color Scheme |
Select a predefined color scheme. Default: scheme2. |
Spacing Settings
| Setting |
Description |
| Top Padding |
Adjust the top padding of the section. Range: 0–100 px. Default: 50 px. |
| Bottom Padding |
Adjust the bottom padding of the section. Range: 0–100 px. Default: 50 px. |
Block Configration:
Image Block
| Setting |
Description |
| Image |
Upload an image to display in the media slider. |
Video Block
| Setting |
Description |
| Cover Image |
Set a cover image for the video. |
| Alt Text |
Provide alternative text for the cover image. |
| Enable Video Looping |
Enable continuous looping of the video. Default: false. |
| Video File |
Upload a video file to include in the media slider. |
| Video URL |
Embed a video URL (YouTube or Vimeo). |