Hero Image 1
Last updated
Last updated
Adjust the spacing around the content inside the hero section.
Top Padding (Desktop): 50
Controls the top space on desktop view.
Bottom Padding (Desktop): 50
Controls the bottom space on desktop view.
Top Padding (Mobile): 20
Top spacing for mobile devices.
Bottom Padding (Mobile): 20
Bottom spacing for mobile devices.
Configure the main headline and subtitle in the hero section.
Main Heading Text: Text shown as the primary hero title. Example: “WHO WE ARE”
Main Heading Text Animation: None
Select an animation style for the title.
Enable Custom Fonts for Main Heading: Toggle to apply a custom font.
Select Font for Main Heading: Choose a font like Poppins (visible when custom fonts are enabled).
Subtitle Text: Secondary line of text below the heading. Example: “ABOUT US”
Enable Custom Fonts for Subtitle: Toggle to enable font selection.
Select Font for Subtitle: Choose a custom font for the subtitle.
Heading Font Size (Desktop): 70
Size of the main title on desktop.
Heading Font Size (Mobile): 46
Size of the main title on mobile.
Text Color: #FFFFFF
Color of all heading text.
Font Weight: Normal / Bold
Set text thickness.
Manage the background image and how it’s displayed.
Background Image: Upload or select the hero background image.
Background Blur (px): 0
Control the level of image blur.
Section Height (px) [Desktop]: 480
Height of the hero section on desktop.
Section Height (px) [Mobile]: 300
Height of the hero section on mobile.
Background Image Contrast: 100
Control how vivid or dull the background appears.
Background Image Brightness: 50
Adjust how light or dark the image looks.
Apply a gradient effect to your main heading text.
Enable Color Gradient for Main Heading Text: Toggle to activate gradient styling.
Gradient Start Color: #BEBEBE
Color at the beginning of the gradient.
Gradient Middle Color: #FFFFFF (optional)
Middle color (if needed).
Gradient End Color: #A1A1A1
Ending color of the gradient.
Gradient Angle (Degrees): 330°
Controls the direction of the gradient flow.
Customize how the subtitle appears.
Subtitle Font Size (Desktop): 18
Size of subtitle on desktop.
Subtitle Font Size (Mobile): 15
Size of subtitle on mobile.
Subtitle Font Color: #FFFFFF
Color of the subtitle text.
Add a fade effect at the bottom of the hero section for a smooth visual transition.
Enable Fade-in Bottom Effect: Toggle to enable a bottom fade overlay.
Fade Gradient Smoothness: 40
Adjust how soft or sharp the fade looks.
Enable Fade Color Customizer: Enable to choose your own fade overlay color.
Fade Color: #000000
Color used for the fade effect.
Fade Strength: 1
Opacity level of the fade overlay.
Fade Size (%): 17
Size of the fade as a percentage of the hero section height.
