⇑ Front-End Sample of the Widget

Option Fields of this Widget in Elementor :

>> Content

  • Number of Tabs
    • Number of tabs can be chosen from the Drop Down menu.
  • Tab-01
    • Tab-01 Heading- Write down the heading of Tab-01 here.
    • Tab-01 Text- Write down the text of Tab-01 here.
    • Tab-01 Image- Upload the image of Tab-01 here.
  • Tab-02, Tab-03, Tab-04, Tab-05, Tab-06, Tab-07, Tab-08, Tab-09 and Tab-10

Option fields for Tab-02, Tab-03, Tab-04, Tab-05, Tab-06, Tab-07, Tab-08, Tab-09 and Tab-10 are the same as the Tab-01’s option fields. If you want to use just 1 tab, fill the option fields of Tab-01 only. If you want to use 10 tabss, fill the option fields of 10 tabs.

>> Advanced

  • Margin – input the values for the margins in the required fields.
  • Padding – here you can set the preferable custom padding. Fill in the values for the top, bottom, right, and left padding in pixels or % to apply your custom padding.
  • Z-Index ( optional ) – input the values for the z-index if you need to use this option.
  • CSS ID ( optional ) – add your custom CSS ID in this field.
  • CSS Classes ( optional ) add your custom CSS Classes here without the dot (.).

>> Background

  • Switch between Normal or Hover modes.
  • Background Type – in this block you can choose, whether you want to use a background color or a background image for the section.

>> Positioning

  • Width – here you can choose between Full width, Inline and Custom.
  • Position – here you can choose between Absolute and Fixed position.

>> Responsive

You can choose any option from Hide on Desktop, Hide on Tablet or Hide on Mobile.