✨Multi image with text
This section is to multiple images with their text captions.
Configure multi-image with text
Select the customize theme option. Click on the dropdown menu at the top to select the Home page template.
From the left side menu, select Multi-image with text.
Customize the section by utilizing the settings on the right side of the theme editor, as described below:
Section visibility
Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only
Background image
Select any image for the background.
Content
Heading Add heading text. (Note: Wrap your text between [[ ]] to add the markers. For example, This [[marker]] will underline marker text.) Enable highlight text -Select the checkbox to show the text in highlighted form. (Note: Highlight text works on bold and italic text of the heading.) Marker style Select a style from the following options: -Basic -Curved -Line -Box Outline stroke Select outline stroke from the options- thin or thick. Heading size Select the heading size from the H1-H6 options. Heading tag Specify heading code types for SEO and search engines for crawling purposes. Heading bottom spacing desktop Adjust the range bar to add spacing below the heading on the desktop. Heading bottom spacing mobile Adjust the range bar to add spacing below the heading on the mobile. Text position Select the text position from the given options:
-Top
-Middle
-Bottom
(Note: This works on desktop only.) Text alignment Select the text alignment from the given options:
-Left
-Right
-Center Desktop content width Select the desktop content width from the given options:
-Small
-Medium
-Large Enable content background Select this checkbox to show the content background color. Its background color can be set from this section's color settings.
IMAGES
Enable hover effect on image Select the checkbox to enable the hover- light effect on the image. Border radius Adjust the range bar to select the border radius of multi images. Image position
Select the image position from the given options:
-Left
-Right
Main image
Select the main image from your library. Show full width
Select the checkbox to show the image in full width.
Show borders Select the checkbox to show the border.
(Note: Not applicable with a full-width image.)
Overlay image
Select the overlay image from your library.
(Note: Not applicable with full-width image)
COLOR
Enable background effect Select the checkbox to enable the background effect.
Effect gradient
Select any gradient for the background.
(Note: Add multiple color stops to view the animation.) Border color Select any color for the borders. Content background Select any color for the content background.
Color scheme Select the color scheme from the given options:
-Primary
-Secondary
-Tertiary
-Quaternary
These can be managed from Theme settings> color schemes. Marker Select any color for marker style. Marker text Select any color for marker text.
SECTION SPACING
Top spacing (desktop)
Adjust the slider to add spacing at the top of the section for desktop view.
Bottom spacing (desktop)
Adjust the slider to add spacing at the bottom of the section for desktop view.
Top spacing (mobile)
Adjust the slider to add spacing at the top of the section for mobile view.
Bottom spacing (mobile) Adjust the slider to add spacing at the bottom of the section for mobile view.
Block setting
Heading
Add text to heading.
Text
Add text below the heading to display it as a description.
Button
Text
Add text to display as button text.
Link
Add URL to redirect button. Button size Select the button size from: - Extra small - Small - Medium - Large Button style Select the style from the following options: - Main button - Alternate button These button styles can be managed from the Theme settings>color schems> main and alternate button colors. Show button as link
Select the checkbox to show the button as a link.
Last updated