# 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.