Image

You can upload an image from your file library and customize settings such as alignment and width. This block ensures responsive scaling for different screen sizes and follows your theme’s styling for consistency.

General settings

Setting	Description
Image	Choose the image to display for this section or feature. You can upload a new image or select one from your existing media library.
Mobile image	Specify the image to be displayed on mobile devices. This allows you to use a mobile-optimized image that may differ from the desktop version for better performance and visual clarity.
Link	Defines the URL to open when the image is clicked.
Image ratio	The image ratio for the featured images of the blog posts: Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped. Portrait - Crops the images to use a 3:4 ratio. Square - Crops the images to use a 1:1 ratio Landscape - Crops the images to use a 4:3 ratio
Desktop / Mobile width	Determines how the image is displayed on desktop or mobile devices. Available options: Fit Fill Custom: set a specific width manually
Image width	Available only when Custom width is selected. Defines the specific width of the image on the devices, expressed as a percentage of the container’s width.
Height	Determines how the element’s height is displayed. Available options: Fit Fill
Border - Style	Select the border style for this element. Available options: None: no border Solid: a continuous line border
Border thickness	This is the parameter to determine the thickness (or thinness) of the border around an element.
Border opacity	This is the transparency level of the border.
Border - Corner radius	Defines the curvature of the border’s corners. A higher value produces more rounded corners, while a value of 0px keeps corners sharp.
Top/Bottom padding	Adjust these values to control the amount of space between the section’s content and its outer edges.