03GENERAL

Opaline rich text

This page explains how “Opaline rich text” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Opaline rich text

This page explains how “Opaline rich text” actually behaves, which data it depends on, and what its settings change.

Used in templates

article.ingredients.jsonarticle.routines.jsonarticle.skin-essentials.jsonarticle.skin-notes.jsonindex.jsonlist-collections.jsonpage.dryness.jsonpage.find-your-routine.jsonpage.ingredient-library.jsonpage.our-philosophy.jsonpage.our-story.jsonpage.skin-concerns.jsonpage.take-the-skin-quiz.json

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Understand the settings

Accessibility

Give the section for assistive technologies a meaningful name.

Accessibility labelaccessibility_label

This text describes the assistive technologies section and is not displayed visually.

Layout

Choose the container, the width of the text and its alignment.

Container Stylecontainer_style

Default: none · Options: Without container, Liquid glass, Full surface

Content widthcontent_width

Default: medium · Options: Narrow, Average, Large

Alignmenttext_alignment

Default: center · Options: Left, Centered, Right

Glass effect

Adjust the blur intensity when the container uses a glass style.

Blur glassglass_blur

Default: 16 · Range: 0–40px

Spacing

Adjust the space above and below the section.

Top marginpadding_top

Default: 96 · Range: 0–180px

Low marginpadding_bottom

Default: 96 · Range: 0–180px

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION