Rich text

A versatile section used to add formatted text, headings and buttons.

What is the rich text section?

The Rich text section provides a versatile space for storytelling and key information using headings, text and buttons. Use it to introduce products, share brand values, or outline services. The Alchemy theme enhances this section with features such as text highlights and an animated countdown timer, creating a more dynamic and engaging layout.

How to set up the rich text section

Steps

  1. Open the Theme Editor and add the Rich text section to the page.
  2. In the Layout settings, set the Content alignment  and choose whether to have Full width content. Content that is not full width will fit the Maximum page width set in the Design theme settings.
  3. In the Style settings, select a Color scheme and background width.
  4. Set a Top boundary effect. This is used if the rich text section is not at the top of the page. Learn more in the content boundaries guide.
  5. Click Add block to add content to the section. There are six block types available: Heading, Subheading, Page content, Text, Button and Countdown timer.

How to use the heading text highlights

Alchemy theme versions after 7.0.0 includes advanced design settings to highlight key words or phrases in the Heading block - a creative toolset to bring additional movement and design interest. The theme offers a variety of highlight styles which can be combined to create many different looks. 

  • Alternative font, color or gradient
    Alchemy-highlights.png
  • Background - create a sticker effect with controls over shape, padding and rotation 
    Alchemy-highlights-background.png
  • Drawing - add squiggles or strikes with controls over stroke width and margin
    Alchemy-highlights-Drawing.png
  • Underline - use wavy, zig zag or straight lines with detailed controls over areas such as margin, wavelength and wave height
    Alchemy-highlights-underline.png

Steps

  1. In the settings for the Heading block, scroll down to the Text highlights settings and select Enable text highlights.
  2. Enter a word used in the Heading into the Highlight text box, takin care to match the original case. 
  3. Pick the Highlight text font and Highlight text scale.
  4. Select the Highlight text color style - Default, Gradient color or Solid color.
  5. Set the Highlight style - Drawing, Underline, Background or None (color only). Selecting a style reveals multiple controls for each style. 
  6. Open the Enable advanced settings toggle to reach more detailed controls specific to each style, including Highlight wavelength, Highlight top margin, Highlight vertical offset and Highlight rotate.

Tip

Be sure to check that the text entered in the Highlight text matches the text exactly as it was originally entered, even if settings such as Make headings uppercase have been used to change the appearance. 
Bring your business ideas to life with Shopify

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!

Contact us