Carousel Hero Slider

General Settings

• Enable Autoplay Automatically moves to the next slide every 7 seconds.

• Disable Animations Between Slides Turns off all slide transitions, switching slides instantly.

• Enable Shadows for Texts Adds a shadow effect to text elements for better readability over image backgrounds.

• Images Transition Animations Choose the animation type when switching slides. Options: Fade (default)

---

Slide Content Settings

Each slide includes a full set of customizable fields. Below is an example of the settings for Slide 1 (repeated similarly for other slides):

Slide 1

• Slide Image: Upload a background image

• Title: WEAR YOUR STYLE

• Author: COLLECTION 2025

• Subheading: Add a descriptive message

• Highlight/Topic Text (ANIMAL): FREESTYLE

• See More Button Text: SEE MORE

• Subscribe Button Text: BUY NOW

• See More Button URL: /

• Subscribe Button URL: /

• Thumbnail Name: Display title for slide thumbnail

• Thumbnail Description: Description for thumbnail display

Repeat the above for Slide 2, 3, and 4 with respective custom text and media.

---

Color Settings

• Highlight (ANIMAL) Color: #F8FF20

• Main Text Color: #FFFFFF

• Author Text Color: #FFF

• Title Text Color: #FFF

• Subheading Text Color: #FFF

---

Button Styling

• Buttons Width: 130px

• Border Radius: 5px

• Horizontal Gap Between Buttons: 23px

• Border Thickness: 1px

• Disable Subscribe Button: Hide if enabled

SEE MORE Button

• Background Color: Transparent

• Text Color: #FFF

• Border Color: #FFF

SUBSCRIBE Button

• Background Color: #EEEEEE

• Text Color: #000

• Border Color: #FFF

---

Text Styling

• Title Font Size:

  • Desktop: 57px

  • Mobile: 37px

• Author Font Size:

  • Desktop: 16px

  • Mobile: 11px

• Highlight Text Font Size (ANIMAL):

  • Desktop: 63px

  • Mobile: 41px

• Subheading Font Size:

  • Desktop: 15px

  • Mobile: 14px

• Subheading Padding (Left & Right): 0px

• Top Margin for Subheading: 20px

• Gap Between Subheading and Buttons: 20px

• Title Line Height: 1.3

• ANIMAL Line Height: 1.3

---

Section Layout

• Image Brightness: 0.7

• Section Height:

  • Desktop: 110vh

  • Mobile: 80vh

• Section Margin:

  • Top: 50px

  • Bottom: 140px

• Section Padding (Left/Right): 0px (Both Desktop and Mobile)

• Mobile Alignment: Left Aligned (Text & Buttons)

---

Spacing Options

• Reset Spacing Top: Removes default spacing at the top

• Reset Spacing Bottom: Removes default spacing at the bottom