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