Ascent
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Shop the feed
    • Reading Text
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.3.2 (coming soon)
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • 🎯 Overview
  • ⚙️ Configuration Options
  • ✅ Suggested Use Cases

Was this helpful?

  1. Sections

Reading Text

PreviousShop the feedNextImage gallery

Last updated 5 days ago

Was this helpful?

The Reading Text section is designed to dynamically display slogans, promotional messages, or any rich text content. It features four built-in animation effects that bring your website to life and draw user attention to key information.


🎯 Overview

  • Ideal for showcasing brand taglines, announcements, or campaign highlights.

  • Includes four animation styles for engaging and lively text presentation.

  • Flexible configuration options for colors, layout, and buttons to match any page design.


⚙️ Configuration Options

🎨 Color Scheme

  • Customize background color, text color, and button styles to align with your website's overall theme.

📝 Titles & Descriptions

  • Add a subtitle, main title, and description to clearly convey your message to users.

🔘 Button Settings

  • Add call-to-action buttons linking to campaign pages, featured products, or custom URLs.

  • Choose from solid or secondary button styles.

  • Optionally include an arrow icon for enhanced visual guidance.

🎞️ Animation Effects

Choose from four dynamic text animations to create an engaging user experience:

  1. Float in – Text smoothly enters from different directions.

  2. Deepen – Text gradually becomes bolder and more prominent.

  3. Change color – Text transitions from one color to another with a gradient effect.

  4. Cutout – Text outlines are revealed progressively for a modern, stylized appearance.

🎨 Color Shift Options:

  • Set distinct start and end colors.

  • A gradient blend will automatically be displayed in the middle area of the text, creating a smooth visual transition.


✅ Suggested Use Cases

  • Presenting brand slogans, mission statements, or introductory messages.

  • Highlighting campaign announcements or promotional highlights on landing pages.

  • Adding a visually striking section in the middle or footer of a page to reinforce brand identity or drive user actions.