Rich text

This section is to add one full-width block of text. You can add vital or informative text about your store or products.

Configure rich text section

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 Rich text.

Customize the Rich text 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 image of this section.

Desktop content width

Select the content width from the following options: - Small - Medium - Large

Text alignment

Select the alignment of the text to left, right and center.

Color scheme

Select the color scheme from the options:

-Primary

-Secondary -Tertiary -Quaternary These can be managed from Theme settings> color schemes. Enable gradient Select the checkbox to enable the selected color scheme's gradient. Make it sticky Select this checkbox to show text content as sticky in the section. (Note: Any added links and button will not work with this sticky 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 settings

It has four types of blocks.

Heading

Text Add any heading text here.

(Note: Wrap your text between [[ ]] to add the markers. For example, This [[marker]] will underline marker text.) Heading tag Specify heading code types for SEO and search engines for crawling purposes. Marker style Select a style from the following options: -Basic -Curved -Line -Box Font size Select a font size from the given options:

-Small

-Medium

-Regular

-Large

Style Select a style from the given options:

-None

-Highlight

-Animated text (Note: Highlight text works on bold and italic text of the Heading.) Outline stroke

Select outline stroke from the options: thin or thick.

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.

Animation color 1

Select any color for animation.

Animation color 2

Select any color for animation. Marker Select any color for marker style. Marker text Select any color for marker text.

Subheading

Add any text for subheading.

Text

Add description text in this block.

Button

Text

Add button text.

Link

Add a link to the button text you can want to redirect.

Button size

Select the button size from the given options:

-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/deselect the checkbox to show the button as a link.

Last updated