# Rich text

The Rich Text section is used to display detailed text content on a page, including titles, descriptive text, buttons, and highlight statistics. This section can be customized with a background image and color schemes to match the store's overall style. Additionally, the Rich Text section supports various content alignment options and display effects, making it suitable for a wide range of text presentation scenarios.

### Configuration Options

1. **Enable Full Width**
   * Purpose: When enabled, the Rich Text section will be displayed across the full width of the page, ideal for wide-screen content.
2. **Text Alignment**
   * Purpose: Set the alignment of text within the section. Options include left-aligned, center-aligned, or right-aligned.
3. **Color Scheme**
   * Purpose: Select the overall color scheme of the section, including background and text colors. Ensure the chosen colors match the store's visual style.
4. **Background Image**
   * Purpose: Set a background image for the section to enhance the visual appeal.
   * **Image Opacity**: Adjust the opacity of the background image to ensure the text is clearly visible against it.
   * **Fixed Image Position**: Enable this option to keep the background image's position fixed across different screen sizes.

### Content Settings

* **Title**
  * Purpose: Set a main title for the Rich Text section to grab users' attention.
  * **Title Size**: Adjust the title font size, with options for small, medium, large, and extra-large.
* **Text Content**
  * Purpose: Add descriptive text to further explain the product or promotional information.
  * **Text Formatting**: Supports basic text styling, such as bold, italic, and underline.
* **Button**
  * Purpose: Add an interactive button that links to other pages or products.
* **Highlight Statistics**
  * Purpose: Display important statistics or key features to highlight product advantages or store achievements.
  * **Configuration Options**:
    * **Title Size**: Set the font size of the statistics title.
    * **Statistical Value**: Enter specific data, such as "10K+."
    * **Statistical Description**: Add a brief description to further explain the significance of the data.
* **Countdown Timer**
  * Purpose: Display a countdown timer, typically used to showcase limited-time offers or upcoming events.

### Usage Considerations

* **Background Image Optimization**: Use a high-quality, wide-screen-compatible image as the background, and adjust opacity to maintain readability of the foreground content.
* **Color Scheme Coordination**: The selected color scheme should align with the overall store design and avoid low-contrast color combinations.
* **Text Alignment Choice**: Choose the appropriate alignment based on the layout of the content in the section to optimize visual balance on the page.

### Common Issues

1. **Background Image Not Fully Displayed**: Check if the "Fixed Image Position" option is enabled, as it may cause display issues on different devices.
2. **Unclear Statistics**: Ensure the title font size in the "Highlight Statistics" section is large enough, and use an appropriate contrast between the background and text colors.
3. **Button Not Working**: Make sure the button has the correct link set and test it before publishing to ensure functionality.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://en-ascent.webvista.studio/sections/rich-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.