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