Rich text

General

In most sections of the theme, you can customize various settings to match your design needs. In the Rich Text section you can:

  • Select a suitable color scheme.
  • Select the text content width
  • Choose the position of the content for desktop.
  • Adjust text alignment for both desktop and mobile views.

These options provide flexibility to create a cohesive and visually appealing layout tailored to your store's style.


Create the rich text content

By adding blocks to the Rich Text section, you can create a section with various text content (such as subheadings, headings, and rich text) and include buttons that link to specific content you want to direct users to. With the special background block you can add stylish depth and visual impact to section, making it more engaging and dynamic.

Heading and Subheading

  • Choose the desired HTML tag to be used. Selection affects the heading base size.
  • Define the text sizes for desktop and mobile views.
  • Adjust margins to fine-tune spacing.

Text

  • Add rich text content and customize its size.
  • Adjust margins for both desktop and mobile views.

Button

  • Add a label text, links, and choose a button style.
  • Customize the size and define margins for desktop and mobile views.
  • Add up to 3 buttons.

Special Background

With the background block, you can enhance the section's background with various styling options to create depth and visual interest.

Note: By default, this block inherits its settings from Theme settings > Aesthetics > Special Background. However, you can customize these settings individually for each block using the block settings.

In the block settings you can: 

  • Select and adjust Background gradient.
  • Choose from a variety of Graphics for the background

    • None
    • Tilted
    • Convex
    • Concave
    • Curve
    • Wave
    • Waves & Lines
    • Tilted ripple
  • Enable Effects:
    • Add vignette
    • Add grain

  • Edit Graphic settings:
    • Flip horizontal 
    • Flip vertical 
    • Two tone graphics

  • Adjust the height for desktop and mobile views.

Custom Spacing

By using the custom spacing block you can easily adjust the top padding, top margin and bottom padding of any section to suit your design needs.

Note: Values set in the custom spacing block will override those defined in the general theme settings, applying locally only to this specific section.

Steps

  1. Open the theme editor and select the section you want to edit.
  2. Click the section name to open its settings, then find and click "Add block."
  3. Select "Custom Spacing" and define padding top, margin top and padding bottom values for the section.
  4. The values you set will override the general settings in the theme.