Media with content

Overview:

The Media with content section allows you to display an image alongside textual content. This layout is great for storytelling, product highlights, or promotional messages. You can customize the text, button, and media positioning for an engaging layout.

Section Configuration:

General Settings

Setting	Description
Image	Upload an image to be displayed in the section.
Icon Image	Upload a small icon or secondary image to display above the heading.
Caption	A short introductory text displayed above the heading.
Caption Size	Adjusts the size of the caption text. Default: Medium.
Caption Font Weight	Controls the boldness of the caption text. Default: Bold.
Heading	Main title for the section.
Heading Size	Adjusts the size of the heading. Default: H4.
Heading Font Weight	Controls the boldness of the heading. Default: Bold.
Header Description	Additional text below the heading for context.
Header Description Size	Adjusts the size of the header description. Default: Small.
Header Description Weight	Controls the boldness of the header description. Default: Normal.
Content Description	The main text content of the section.
Content Description Size	Adjusts the size of the content description text. Default: Medium.
Content Description Weight	Controls the boldness of the content description text. Default: Light.

Button Settings

Setting	Description
Button Label	Text displayed inside the button.
Button Style	Choose between Primary or Secondary button styles. Default: Primary.
Button Link	URL that the button will link to.
Open in New Tab	If enabled, clicking the button will open the link in a new browser tab.

Layout & Alignment Settings

Setting	Description
Full Width	Enables a full-width layout for the section. Default: Off.
Section Height	Choose between Small, Medium, or Full Window Height for the section. Default: Small.
Image Position	Choose whether the image appears on the left or right. Default: Right.
Vertical Content Alignment	Aligns the text content to the Top, Middle, or Bottom. Default: Middle.
Text Alignment (Desktop & Mobile)	Sets text alignment within the section. Default: Left.
Color Scheme	Applies a predefined color scheme to the section. Default: Scheme1.

Spacing Settings

Setting	Description
Top Padding	Adjusts the top spacing of the section (0–100px). Default: 50px.
Bottom Padding	Adjusts the bottom spacing of the section (0–100px). Default: 50px.