Section Header (heading)
Most sections have heading, See detailed instructions for configuring headings.
Section General
Most sections have a general configuration section, Configure the container to contain the content and background for the section.
In the theme editor (Customize), Click on the section you want to configure. Then locate Section General. Here you can make the necessary configurations.
- Container : Select the container for the section.
- Section header container : Select the container for header (heading) on section.
- Background color : Select the container for the section.
- Background image : Configure background image for section.
- Background Image Position : Configure background image position for section.
- Background Image Size : Configure background image size for section.
Section Padding
Most sections have a padding configuration section, To adjust the distance and padding between sections.
In the theme editor (Customize), Click on the section you want to configure. Then locate Section Padding. Here you can make the necessary configurations.
- Padding top : Configure top padding for section. set -1 to apply the default value only.
- Padding bottom : Configure bottom padding for section. set -1 to apply the default value only.
- Padding top mobile : Configure top padding on mobile for section. set -1 to apply the default value only.
- Padding bottom mobile : Configure bottom padding on mobile for section. set -1 to apply the default value only.
Section Animation
Most sections have an animation configuration section, It will apply to blocks (if any) and heading section. See the animations global configuration.
In the theme editor (Customize), Click on the section you want to configure. Then locate Section Animation. Here you can make the necessary configurations.
Custom Css for Section
Most sections have Custom Css, You can add custom css class to the html tag that wraps the section.
In the theme editor (Customize), Click on the section you want to configure. Then locate Section Attributes. Here you can make the necessary configurations.
Section Slider Layout
Only available for sections that support slider layout.
List of sections that support slider :
- Advanced Client Logo
- Banner
- Blog Post
- Client Logo
- Collection List
- Featured Box
- Hero
- Image Box
- Mixed Content
- Product Tab
- Product Recommendations
- Products By Collection
- Recently Viewed Products
- Team Member
- Testimonial
In the theme editor (Customize), Click on the section you want to configure. Then locate Slider Settings. Here you can make the necessary configurations.
- Enable slider : If the section can switch between layout grid and slider, turn it on to switch to layout slider.
- Show Pagination : Show pagination for slider.
- Show Navigation : Show navigation for slider.
- Auto Height Enable : Turn on to have the slider automatically adjust the height between items.
- Loop Mode : Turn on so items loop endlessly.
- Fade Enable : Turn on fade effect when next slider.
- Center Mode : Turn on center mode.
- Center padding : Fill padding for center mode.
- Autoplay : Turn on to let the slider play automatically.
- Autoplay Timeout : Set time automatically next slider.
- Item Show On XL (≥1200px) : Set the number of items displayed on the slider for the XL screen (≥1200px).
- Item Show On LG (≥992px) : Set the number of items displayed on the slider for the LG screen (≥992px).
- Item Show On MD (≥768px) : Set the number of items displayed on the slider for the MD screen (≥768px).
- Item Show On SM (≥576px) : Set the number of items displayed on the slider for the SM screen (≥576px).
- Item Show On XS (<576px) : Set the number of items displayed on the slider for the XS screen (<576px).
- Show navigation after heading : If the section has a header, you can display an arrow after the header.