Slideshow Pro

Section Spacing Options

Control the vertical spacing of the slideshow section.

• Top Section Padding: 50px Adds space above the slideshow.

• Bottom Section Padding: 50px Adds space below the slideshow.

---

Heading Gradient & Font Settings

Enhance heading text with gradients and custom fonts.

• Enable Heading Gradient: Toggle to apply a gradient to the heading.

  • Gradient Color 1: #FFFFFF

  • Gradient Color 2: #FFFFFF

  • Gradient Color 3: #B7B7B7

  • Gradient Angle: 90°

• Custom Heading Font: Choose a custom font for headings.

• Make Heading Text Extra Light: Optionally apply a lighter weight to headings.

---

Slide Height & Container Style

Adjust the container width and slide height.

• Section Container Style: Full Width

• Slide Height Option: Custom Height

  • Desktop Height: 730px

  • Mobile Height: 550px

---

Content Settings

Subheading

• Font Size: 14px

• Font Weight: Normal

• Spacing Below Subheading: 10px

Main Heading

• Font Size (Desktop): 100px

• Font Size (Mobile): 44px

• Font Weight: Custom weight option

• Uppercase: Toggle for uppercase text

• Spacing Below Heading: 10px

• Line Height (Desktop): 1

• Line Height (Mobile): 1

• Width (%): 100

• Left/Right Padding: 0px (Desktop & Mobile)

Description

• Font Size: 14px

• Font Weight: Normal

• Spacing Below Description: 40px

---

Carousel Functionality

• Pagination Style: No Pagination

• Show Navigation Arrows: Toggle on/off

  • Arrow Color: #FFFFFF

  • Arrow Background: Transparent

  • Arrow Size: 38px

  • Arrow Vertical Position (Desktop/Mobile): 50

• Auto-rotate Slides: Toggle on/off

• Slide Interval: 6 seconds

---

Mobile-Specific Options

• Display Content Below Image: Toggle on

• Disable Section Padding: Optional

---

Parallax Effect

• Enable Mouse Move Parallax: Toggle to allow parallax movement based on cursor position.

---

Slide Content Settings

Images & Media

• Desktop Image: Upload your desktop slide image.

• Mobile Image: Upload your mobile-optimized image.

• Video URL: Optional MP4 link to replace static image.

• Image Overlay Opacity: 38%

---

Split Image Option

• Enable Split Image: Display two side-by-side images.

  • Split Left Image: Upload

  • Split Right Image: Upload

---

Slide Text Content

• Enable Custom Text Colors: Toggle to customize text colors.

  • Heading Color: #FFFFFF

  • Subheading Color: #FFFFFF

  • Description Color: #FFFFFF

• Slide Transition Effect: Fade In Up

Slide Text Fields

• Subheading: “NEW SEASON”

• Main Heading: “WEST COAST”

• Description: “A range of styles from classic pieces to next gen wear for the culture.”

---

Primary & Secondary Button Settings

• Primary Button Label: “Shop Now”

• Primary Button Link: Link to a page (e.g. All Collections)

• Secondary Button Label: Optional

• Secondary Button Link: Optional

• Use Secondary Style for Buttons: Toggle on/off

Custom Button Styling

• Enable Custom Button Styles: Toggle to manually customize

  • Primary Background: Transparent

  • Primary Hover Background: #FFFFFF

  • Primary Text Color: #FFFFFF

  • Primary Text Hover Color: #181818

  • Primary Border: #FFFFFF, 1px, Radius: 4px

  • Secondary Background: #1E1E1E

  • Secondary Hover Background: #333333

  • Secondary Text Color: #FFFFFF

  • Secondary Text Hover Color: #FFFFFF

  • Secondary Border: #000000, 1px, Radius: 2px

---

Content Layout Options

• Content Alignment: Center

• Content Position Selector: Bottom Center

• Content Container Width: Fluid Container

• Max Content Width: 76%

• Center Content on Mobile: Toggle to force alignment center