separator – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 10:19:41 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Element: Separator https://xtratheme.com/docs/page-builder/element-separator/ https://xtratheme.com/docs/page-builder/element-separator/#respond Mon, 17 Jun 2024 09:52:23 +0000 https://xtratheme.com/docs/?p=1595

Video Tutorial

Description and Screenshot

Step 1

Over 30 custom row or columns separator with unlimited colors and multiple directions.

Separator
  • Style – Select separator from 30 different styles
  • Rotate – You can rotate separator with 3 types
  • Extra class – If you want add custom CSS, then add custom class here
  • Top Color – Separator color scheme
  • Bottom Color – Some separators have bottom color
  • Layer Position – Static, relative or absolute according to your needs
  • Layer Priority – Separator layer priority according to previus and next elements
  • Top offset – If you set position to absolute or ralative then this works
  • Left offset – If you set position to absolute or ralative then this works
  • Height – Some of separators allow you to set custom height
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-separator/feed/ 0
Element: Gap https://xtratheme.com/docs/page-builder/element-gap/ https://xtratheme.com/docs/page-builder/element-gap/#respond Mon, 17 Jun 2024 07:33:02 +0000 https://xtratheme.com/docs/?p=1486

Video Tutorial

Description and Screenshot

Step 1

Gap element is a useful element that you can insert between other elements. Its smart which means you can set different height size for different devices desktop | tablet | mobile

Gap
  • Height – Custom height size for gap e.g. 50px
  • Height on Tablet – Custom height size for gap only on Tablet
  • Height on Mobile – Custom height size for gap only on Mobile
]]>
https://xtratheme.com/docs/page-builder/element-gap/feed/ 0
Element: Free Line https://xtratheme.com/docs/page-builder/element-free-line/ https://xtratheme.com/docs/page-builder/element-free-line/#respond Mon, 17 Jun 2024 07:22:32 +0000 https://xtratheme.com/docs/?p=1473

Video Tutorial

Description and Screenshot

Step 1

Rotatable stylish line with custom size, vertical or horizontal support.

Free_line
  • Position – Line positon left | center | right
  • Line Styling – Line color, width, height, rotate, etc.
  • Circles Type – Circles two sides of line
  • Circles Styling – Circles styling radius, color, size, etc.
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-free-line/feed/ 0