Image

Setting	Description
Image	Choose an image for the section to highlight some part of text. Click on “Select Image” to access your media library, or upload a new image. Once an image is added, you can use the “Change” button to remove, or replace it.
Image position	Enter the word number, after which the image will be placed, or you can use a slider to set the number.
Image width	Sets the width of the image on desktop. You can adjust this value to control how wide the image appears within its container.
Image width mobile	Sets the width of the image specifically on mobile devices. This allows you to optimize image size for smaller screens, ensuring proper responsiveness and better user experience.
Image animation	Enhance the appearance of your images with unique and vibrant animation styles: None: Image without animation; Rotate: Image rotates continuously; Scale: The image is scaled. It enlarges and reduces in place.
Image label	Add a text label over the image to convey important information or messages.
Label text color	Choose a text color using the color picker to ensure the label matches or contrasts well with the image.
Label font size	Set the font size of the label for desktop view to ensure it fits well within the image.
Label font size mobile	Adjust the label’s font size specifically for mobile devices to maintain readability and proper fit.
Link	Turn the image into a clickable element that links to an internal or external page.

Setting	Description
Image	Choose an image for your banner. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is added, you can use the “Change” button to remove, replace, or delete it.
Image height	You can use this slider to adjust the image height.
Desktop image width	Choose the width of the image for desktop view: Small Medium Large Extra large
Desktop image placement	Adjust the placement of the image on the desktop view: Image First: This option displays the image on the left side. Image Second: This option displays the image on the right side.
Desktop content position	Select the vertical alignment of image Top: Image aligned with the top of the content container (heading, description, button, product list). Middle: Centered within the height of the content container. Bottom: Aligned with the bottom of the content container.
Desktop content alignment	Choose the horizontal alignment of the content: Left Center Right
Make section full width	Enable this option to extend the section to the full width of the page, making its background stretch across the entire screen, while the content remains confined within the container.
Color scheme	Add a color scheme to the entire section from the dropdown list. These schemes are created in the Theme Settings and are available across all sections, making customization faster and ensuring a cohesive color system throughout your store. Learn more about color schemes.
Container color scheme	Add a color scheme to the text container. A color scheme consists of a predefined set of colors you can apply to the text container.

No results found