⇑ Front-End Sample of the Widget

Option Fields of this Widget in Elementor :

>> Content

  • Section Backgroud Image URL– in this field, you need to input the Section Background Image URL.
  • Left Side Image– You need to upload the Left Side Image here.
  • Heading Line-1– in this field, you need to type the Left Heading Line 1.
  • Heading Line-2 (1st Part)– in this field, you need to type the Left Heading Line 2 (1st Part).
  • Heading Line-2 (2nd Part)– in this field, you need to type the Left Heading Line 2 (2nd Part).
  • Heading Line-2 (3rd Part)– in this field, you need to type the Left Heading Line 2 (3rd Part).
  • Heading Line-3– in this field, you need to type the Left Heading Line 3.
  • Text Below Headings– You have to write down the text below Heading there.
  • Button Label– Insert the Button Label here.
  • Button URL– Input the Button URL here.
  • Crossed Shaped Section Top– Choose ‘Yes’ if you want to make your section’s top Crossed Shaped.
  • Crossed Shaped Section Bottom– Choose ‘Yes’ if you want to make your section’s bottom Crossed Shaped.

>> 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.