XTRA Tutorials
 
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer
Buy Theme
Changelog
XTRA WordPress Theme TutorialsYou arrived at the right place, How we can help you?
XTRA Tutorials
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer

Element: Gradient

Home Latest Posts Page Builder Element: Gradient

Video Tutorial

Description and Screenshot

Step 1

Title with inside gradient background color or background image or gif animation for background purpose

Gradient1
  • Text – Set you text, title, or contnet
  • Background – Set background colors or image
  • Presets – This element have multiple stylish presets that you can use them
  • Advanced tab – Responsive, Animation, Parallax, etc.

Page Builder

gradienttexttitle

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousElement: Google Map

  • NextElement: History Line

Comments are disabled

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

How to Disable the Add to Cart Button in WooCommerce?

20 June 2024

How to Fix HTTP ERROR 500: A Comprehensive Troubleshooting Guide?

14 June 2024

How to add Mailchimp form via custom plugin?

17 June 2024

How to Change the Title Background on Your Website?

30 November -0001

How to Set a Fixed Footer on Your Website: A Step-by-Step Guide?

19 June 2024

How to Change the Number of Posts Per Page on Your Blog?

11 June 2024

How to Change the Title and Slug of Portfolio/Projects ?

21 June 2024

How to Enable Page Builder for Custom Post Types: A Step-by-Step Guide?

12 June 2024
If you can't find your answer on this documentation
Submit a ticketSubmit a ticket
© 2026 XTRA WordPress theme documentation.
FacebookInstagramYoutubeDribbble
This website uses cookies to improve user experience.Accept and close
Buy and Download XTRA Theme Buy XTRA WordPress Theme Xtra Theme Documentation Theme Online Documentation Xtra Theme Videos Tutorials Theme Video Tutorials Xtra Theme Support Center Help & Support Center Xtra Theme Showcase XTRA Customers Showcase