📘
Starlite documentation
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow
    • ✨Rich text
    • ✨Featured collection
    • ✨Collections list
    • ✨Contact form
    • ✨Marquee text
    • ✨Collection carousel
    • ✨Image with text (carousel)
    • ✨Collection tabs
    • ✨Collapsible content
    • ✨Images grid
    • ✨Media grid
    • ✨Multiboxes
    • ✨Accordion boxes
    • ✨Logo list
    • ✨Promotional banner
    • ✨Video banner
    • ✨Featured blogs
    • ✨Countdown
    • ✨Map(store locator)
    • ✨Multicolumns
    • ✨Products collage
    • ✨Shop the look
    • ✨Media tabs
    • ✨Testimonials
    • ✨Featured products
    • ✨Featured product
    • ✨Custom liquid
    • ✨Recently viewed products
    • ✨Product menus
    • ✨Images banner
    • ✨Before/After
    • ✨Products with image
    • ✨Featured images
    • ✨Offer card
    • ✨Product short videos
    • ✨Stories
    • ✨Shapes
    • ✨Split banner
    • ✨Blinking icons with text
    • ✨Numbers
    • ✨Featured content
    • ✨Timeline
    • ✨Categories
    • ✨Newsletter
    • ✨Footer
    • ✨Theme settings
    • ✨Age verification popup
    • ✨Information drawer
    • ✨Product comparison
    • ✨Newsletter popup
    • ✨Template product
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
    • ✨Recommended sizes for images
  • FAQ
    • Theme updates
    • Support
  • How to setup the presets
    • Set up the demo layouts
  • Echo home page JSON
  • Echo product page JSON
  • Classic home page JSON
  • Classic product page JSON
  • Elegant home page JSON
  • Elegant product page JSON
  • Bright home page JSON
  • Bright product page JSON
  • How to set up the size guide on the product page
Powered by GitBook
On this page
  • Configure rich text section
  • Block settings
  1. Overview

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:

General

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

Content

Desktop width Select the content width from the following options: - Small - Medium - Large Alignment Select the alignment of the text to left, right and center. Desktop position Select the position of the text to left, right and center.

Colors

Color schemes Select the color scheme.

These can be managed from Theme settings> Color >Schemes. Enable gradient Select this check box to enable the gradient color specified in the color scheme assigned above.

Section Padding

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom Spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile) Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block settings

It has three types of blocks.

Heading

Text Add any heading text here. Marker text highlight style Select from Underline or Background to determine the highlight style. Highlight background Select from Gradient or Solid to determine the highlight background. Enable heading gradient animation Select this checkbox to show the heading animation in gradient color. (Note: Use gradient color from Theme settings>Color scheme>Highlight background gradient for this.) Heading size Select a font size from H1-H6.

Heading tag Specify heading code types from H1-H6 for SEO and search engines for crawling purposes.

Description

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. Show button as link

-Tick this checkbox to show the button as a link.

Size

Select the button size from the given options:

-Small

-Medium

-Large

PreviousSlideshowNextFeatured collection

Last updated 10 months ago

✨