pagebuilder – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 08 Sep 2024 08:55:58 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Reverse Columns on Mobile Using Elementor: Step-by-Step Guide https://xtratheme.com/docs/how-to/how-to-reverse-columns-on-mobile-using-elementor-step-by-step-guide/ https://xtratheme.com/docs/how-to/how-to-reverse-columns-on-mobile-using-elementor-step-by-step-guide/#respond Sun, 08 Sep 2024 08:24:40 +0000 https://xtratheme.com/docs/?p=4077

Description and Screenshot

Step 1
XTRA

Reversing columns in Elementor on mobile devices

In the latest versions of Elementor, with the introduction of Flexbox and Container, managing column order on mobile has become much easier and more flexible. In this tutorial, we have explained how to reverse columns for mobile display.



Edit the desired page using the “Edit with Elementor” option.

  1. Use the Navigator to select the section containing the column.
  2. Switch the editor mode to mobile from the black toolbar at the top of the page.
  3. Go to the Layout tab > Items > Set the “Column-reversed”.
Reserved mo
]]>
https://xtratheme.com/docs/how-to/how-to-reverse-columns-on-mobile-using-elementor-step-by-step-guide/feed/ 0
Elements Overview https://xtratheme.com/docs/page-builder/elements-overview/ https://xtratheme.com/docs/page-builder/elements-overview/#respond Thu, 13 Jun 2024 09:34:50 +0000 https://xtratheme.com/docs/?p=1335

Page builder elements overview

Step 1
Part01

Theme premium elements

XTRA theme comes with at least 49 premium page builder elements, All elements are exclusively designed and developed for XTRA WordPress theme and with yellow icon you can find them under XTRA tab.

Page builder xtra theme elements
Part02

Common elements settings

Each theme elements have some common settings that you can find them under Advanced tab. Some elements have all of these settings and others have some of these settings.

  1. Hide on Desktop? – Hide element only on desktop
  2. Hide on Tablet? – Hide element only on tablet
  3. Hide on Mobile? – Hide element only on mobile
  4. Parallax – Make this element moveable on scroll
  5. Parallax speed – Parallax movement speed on scroll
  6. Mouse speed – Movement speed on mouse move
  7. Tilt effect – Parallax on hover tilt effect
  8. Tilt Glare – Glare effect on mouse hover
  9. Tilt Scale – Scale effect on mouse hover
  10. CSS Animation – Show element on page scroll
  11. Animation Delay – Animation delay time in milliseconds
  12. Extra Class – Allows you to add custom class to element
Element common advanced settings
]]>
https://xtratheme.com/docs/page-builder/elements-overview/feed/ 0