Documentation
CtrlK
HomeCommunitySupportYoutube
  • Zion Builder
    • Introduction
      • About Zion Builder
      • Free vs Pro Differences
    • Installation
      • Installing Zion Builder Free
      • Installing Zion Builder Pro
      • System requirements
      • Register License
    • Fundamentals
      • Visual Editor
        • Interface
        • Tree view
          • Tree view
          • Section view
          • Wireframe
          • Other
            • Small Tree-view panel
            • Breadcrumbs navigation
        • Library
          • How to reuse Global Elements
          • Share Zion Builder’s Local Library with other websites
        • History
        • Responsive Breakpoints
          • How autoscale and preview width work
          • How to add or remove breakpoint
          • How to show/ hide elements on different breakpoints
        • Page Options
        • Info / Save & Publish
          • Key Shortcuts
        • Element Options Panel
          • General Tab Options
            • 12 column grid explained
          • Styling Tab Options
            • Stylings
              • Background
                • Multi Layered Gradients
            • Inner selectors
              • Create any Hover Animation That You Want using CHILD SELECTORS
          • Advanced Tab Options
            • Repeater
              • How to create a repeater
              • Create a custom WooCommerce Product Slider with the Slider Builder + Repeater + Dynamic Data
        • Elements
          • Section
          • Column
          • Container
          • Text Editor
          • Heading
          • Image
          • Button
          • Image Box
          • Image Slider
          • Accordions
          • Tabs
          • Modal
          • Icon
          • Icon Box
          • Counter
          • Gallery
          • Video
          • Separator
          • Store Notices Options
          • Checkout Thank You
          • Checkout customer details
          • Checkout order review
          • Checkout wrapper
          • Checkout login
          • Checkout coupon notice
          • Cart products
          • Cart totals
          • Loop add to cart
          • Product cross sell
          • Related products
          • Product breadcrumbs
          • Product reviews form
          • Product title
          • Product data tabs
          • Product stock
          • Product rating
          • Product price
          • Product meta
          • Product images
          • Product description
          • Add to cart
          • Product additional info
          • Sticky Elements
          • Custom HTML
          • Social share buttons (Pro)
          • Search form (Pro)
          • Countdown (Pro)
          • Shortcode
          • Google Maps
          • Progress Bars
          • Anchor Point
          • Testimonials
          • Icon List
          • Alert
          • Sidebar
          • Soundcloud
          • Pricing Box
          • Tabs with nested page builder elements (Pro)
          • Accordions with nested page builder elements (Pro)
      • Admin Panel
        • Zion Builder Settings
          • General Settings
          • Font Options
          • Custom Icons
          • Presets
          • Performance
          • Library
          • Permissions
          • Templates
          • Custom code
          • Tools
          • System Info
          • PRO license key
        • Theme Builder
          • Header & Footer Builder
          • WooCommerce Builder
        • Mega-menu Settings
      • How To
        • Animate Elements
        • Edit with Zion Builder
        • Adding Elements
        • Edit elements
  • Video Tutorials
    • Getting Started
      • Getting Started with Zion Builder
      • Columns
      • Two buttons side by side
      • Responsive breakpoints
    • Navigation
      • Header & Footer Builder
      • Create a Mega-Menu from Scratch
      • How to make a Sticky header with Zion Builder
    • Blog
      • How to make a Blog from scratch
    • WooCommerce
      • Create a custom WooCommerce Product Archive & Product page
      • Create a WooCommerce Product Slider
    • Dynamic Data
      • How to use Advanced Custom Fields and Custom Post Types
      • Create a custom WooCommerce Product Slider with the Slider Builder + Repeater + Dynamic Data
    • Other
      • Global Elements
      • Multi-Layered Gradients
      • Create any Hover Animation That You Want using CHILD SELECTORS
  • Features
    • Features
      • Style options
      • Theme Builder (PRO)
      • WooCommerce builder (PRO)
      • Mega menu (PRO)
      • Element Advanced Display Conditions (PRO)
      • Child Selectors
      • White Label (PRO)
      • Using background option
      • Inline editor
      • Responsive
      • Auto-save system
      • Export/Import Templates
      • Global CSS Classes
      • Templates
      • Dynamic Content (Pro)
      • Regenerate CSS
      • Global Colors & Gradients (Pro)
      • Custom Icons (Pro)
      • Custom Fonts (Pro)
      • Adobe Fonts (Pro)
      • Replace URL s
      • Dark / Light mode
      • Coming soon/Maintenance mode
      • Repeater / Query loop
      • User permissions
      • Custom attributes
      • Shape dividers
  • Elements Panel Options
    • Elements Panel Options
      • Column Gaps
      • Using panel element options
      • Gradient Background
      • Typography
      • Borders and shadows
      • Sizes and spacing
      • Display options
      • Transition options (Pro)
      • Transform Options (Pro)
      • Filters Options (Pro)
      • Custom CSS (Pro)
      • CSS Pseudo-Class Selectors (Pro)
      • Custom JavaScript (Pro)
      • Shape dividers
  • Integrations
    • WooCommerce
    • Advanced custom fields
      • How to use ACF and CPT
    • Polylang
  • Developers
    • Create custom elements
      • How to create a custom plugin
      • Registering elements in JavaScript
      • Registering elements in PHP
      • The plugin structure
    • Elements
      • Class Elements
      • Creating your first element
    • Hooks
      • PHP hooks Plugin actions
      • PHP Hooks – Editor actions and filters
    • Options
      • Options helpers
      • Render tag
      • Render attributes
      • image_gallery
      • custom_selector
      • image
      • Select
      • dynamic_slider
      • slider
      • colorpicker
      • Text
      • Default options structure
      • Add new style options
  • Pricing and license
    • Pricing plans
    • License & Registration
    • My account
    • Affiliate program
  • Tips & Tricks
    • Create a custom Product Slider
    • Two buttons side by side in Zion Builder
    • Using Inline Editor
    • Using the most useful key shortcuts
    • Speed up the design process
    • Identifying your elements in a large page
    • Adding color in different formats to the color picker
    • Right click
    • Report bugs
    • How to open a support ticket
    • Update Zion Builder
  • FAQ
    • General
      • What is Zion Builder?
      • Is Zion Builder compatible with all themes and plugins?
      • What is Pro version?
      • How Zion Builder enhances website performance?
      • Can I edit all Blog page with Zion Builder?
      • Can I edit all WooCommerce pages
      • Can I try Zion Builder Pro before purchasing it ?
      • Will Zion Builder stop working if I don't renew my subscription?
      • Do you offer support if I need help?
      • I have other pre-sale questions, can you help?
      • Can I integrate Zion Builder for my commercial theme?
      • What WordPress Theme do you recommend ?
      • Do you support ACF & Meta Box?
      • Do I need to know how to code?
      • How is Zion Builder better than Elementor?
      • How is Zion Builder better than Oxygen?
      • How can I see the premade templates built with Zion Builder?
    • Purchases
      • What payment methods are accepted?
      • How can I upgrade my subscription?
      • Do you offer refunds?
      • How can I cancel my subscription?
    • Technical questions
      • Can I edit posts or other custom posts with Zion Builder?
      • How do I manage permissions?
      • How can I upgrade?
      • Can I change the video background source for different devices?
      • How to Create Latest Posts / Recent Products
  • Troubleshooting
    • Steps to Take Before Submitting a Ticket for Assistance
    • I can't change the text color
    • Having Problems Using Zion Builder?
    • Incorrectly positioned element after dragging
    • Edit with Zon Builder button doesn't appear
    • My license key doesn't work, what can I do ?
Powered by GitBook
On this page

Was this helpful?

  1. Video Tutorials

Other

Global ElementsMulti-Layered GradientsCreate any Hover Animation That You Want using CHILD SELECTORS
PreviousCreate a custom WooCommerce Product Slider with the Slider Builder + Repeater + Dynamic DataNextGlobal Elements

Last updated 2 years ago

Was this helpful?