⇑ Front-End Sample of the Widget

Option Fields of this Widget in Elementor :

>> Content

  • General
    • Section Background Image URL- Insert the link of Section Background Image URL here.
    • Curved Shaped Section Top- Choose ‘Yes’ if you want to make your section’s top Curved Shaped.
    • Number of Tabs- Select the number of tabs from the Drop Down menu.
  • Tab 01
    • Tab-01 Heading- Write down the heading of Tab-01 here.
    • Tab-01 Icon- Insert the icon of Tab-01 here.
    • Tab-01 Image- Upload the image of Tab-01 here.
    • Tab-01 Title (Colored)- Write down the title of Tab-01 in color font here.
    • Tab-01 Title (White)- Write down the title of Tab-01 in white font here.
    • Tab-01 Text- Write down the text of Tab-01 here.
    • Tab-01 Bullet Points- Start each bullet point on new line.
    • Tab-01 Bottom Note- Write down the bottom note of Tab-01 here.
  • Tab-02, Tab-03, and Tab-04

Option fields for Tab-02, Tab-03, and Tab-04 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 4 tabss, fill the option fields of 4 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.