Section Title

• Section Title
  • Title Options
    • Title: Add the main title for the section.
  • Subtitle
    • Subtitle: Toggle (Yes/No) to enable or disable a subtitle.
      • If Yes, configure the following:
        • Add Subtitle: Input the subtitle text.
  • Description
    • Description: Toggle (Yes/No) to enable or disable the section description.
      • If Yes, configure the following:
        • Add Description: Input the description text.
  • Enable Texture Title
    • Enable Texture Title: Toggle (Yes/No) to enable or disable textured titles.
      • If Yes, configure the following:
        • Choose Title Image: Upload an image to give texture to the title.
  • Title Tag
    • Title Tag: Select the HTML tag for the title from the dropdown (Options: H1 to H6).

Styling for Widget

• Title Box section
  • The Title Box section provides options to style the container, including background, border, padding, and margin settings. The same settings apply to the Normal and Hover states.
  • Background
    • Background Type: Choose the type of background for the title box.
      • Color: Select a solid color.
      • Gradient: Apply a gradient as the background.
      • Image: Upload an image as the background.
  • Border
    • Set Custom Border?: Toggle (Yes/No) to enable or disable border settings.
      • If Yes, configure the following:
        • Border Style: Select the type of border (e.g., none, solid, dashed, dotted).
        • Border Color: Choose the border color.
        • Border Width: Set the border width for each side (top, right, bottom, left). Values can be linked or adjusted individually.
        • Border Radius: Adjust the border radius to create rounded or sharp corners. Values can be linked or adjusted individually.
  • Spacing
    • Margin: Add spacing outside the element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.
    • Padding: Add spacing inside the element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.
• Title Section
  • The Title Section allows you to customize the appearance and styling of the title, including typography, color, background, borders, padding, and margin. These settings apply to both Normal and Hover states.
  • Typography
    • Typography Settings: Customize the font family, size, weight, style, line height, letter spacing, and text decoration for the title.
  • Color
    • Text Color: Choose the color of the title text.
  • Background
    • Background Type: Set the background for the title. Choose one of the following:
      • Solid Color: Select a solid background color.
      • Gradient: Apply a gradient background.
      • Image: Upload an image as the background.
  • Border
    • Set Custom Border?: Toggle (Yes/No) to enable or disable border settings.
      • If Yes, configure the following:
        • Border Style: Select the border style (e.g., none, solid, dashed, dotted).
        • Border Color: Choose a color for the border.
        • Border Width: Specify the width of the border for each side (top, right, bottom, left). Values can be linked or set individually.
        • Border Radius: Set the border radius to create rounded corners. Values can be linked or adjusted individually.
  • Spacing
    • Margin: Add spacing outside the title element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.
    • Padding: Add spacing inside the title element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.
  • Normal and Hover States
    • Normal State: Customize the default appearance of the title.
    • Hover State: Customize the appearance of the title when the user hovers over it.
• Sub Title Section
  • The Sub Title Section allows you to customize the appearance and styling of the title, including typography, color, background, borders, padding, and margin. These settings apply to both Normal and Hover states.
  • Typography
    • Typography Settings: Customize the font family, size, weight, style, line height, letter spacing, and text decoration for the Sub title.
  • Color
    • Text Color: Choose the color of the Sub title text.
  • Background
    • Background Type: Set the background for the Sub title. Choose one of the following:
      • Solid Color: Select a solid background color.
      • Gradient: Apply a gradient background.
      • Image: Upload an image as the background.
  • Border
    • Set Custom Border?: Toggle (Yes/No) to enable or disable border settings.
      • If Yes, configure the following:
        • Border Style: Select the border style (e.g., none, solid, dashed, dotted).
        • Border Color: Choose a color for the border.
        • Border Width: Specify the width of the border for each side (top, right, bottom, left). Values can be linked or set individually.
        • Border Radius: Set the border radius to create rounded corners. Values can be linked or adjusted individually.
  • Spacing
    • Margin: Add spacing outside the title element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.
    • Padding: Add spacing inside the title element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.
  • Normal and Hover States
    • Normal State: Customize the default appearance of the title.
    • Hover State: Customize the appearance of the title when the user hovers over it.
• Description Section
  • The Sub Title Section allows you to customize the appearance and styling of the title, including typography, color, background, borders, padding, and margin. These settings apply to both Normal and Hover states.
  • Color
    • Text Color: Choose the color of the Sub title text.
  • Typography
    • Typography Settings: Customize the font family, size, weight, style, line height, letter spacing, and text decoration for the Sub title.
  • Spacing
    • Margin: Add spacing outside the title element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.
    • Padding: Add spacing inside the title element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.
  • Normal and Hover States
    • Normal State: Customize the default appearance of the title.
    • Hover State: Customize the appearance of the title when the user hovers over it.