Testimonials banner settings

Setting Description
Color scheme

You can apply different color schemes to your store:

  • After creating color schemes in the theme settings under the 'Colors' tab, you can assign them to different sections of your store.
  • In each template, section, or block, you'll find a 'Color Scheme' dropdown.
  • Simply select the appropriate color scheme to maintain consistency and align with your brand's identity.
Container color scheme

You can apply a color scheme to the content container to customize the background color, text color, and slider button color:

  • Without a Background Image: Choose a background color along with text and slider button colors that complement each other and create a cohesive, visually appealing design.
  • With a Background Image: Select a color scheme that enhances the image by providing the right colors for text and slider buttons, ensuring they are clearly visible on top of the image.

The chosen colors should complement the background image (if present) and provide good contrast to ensure readability and a polished appearance.

Background image You can add a background image to the testimonials content instead of using just a background color. Ensure the image complements the content and maintains readability.
Heading

This field is for adding a heading to the section. In the top menu of the field, you can find options to customize the heading.

Furthermore, you can click the dynamic source button to insert a dynamic source as the heading of the section.

Heading font family:
  • Heading
  • Body

In Theme Settings, you can assign a different font family to headings and body text.

This option allows you to customize the visual style of your heading by selecting heading or body styles.

For some headings, it might be more effective to apply the body text style instead of the designated heading font. This choice depends on how well the font families harmonize and the overall appearance you want to achieve.

Heading size

The heading size setting offers three options to control the size of your section heading:

  • Small
  • Medium
  • Large
Font weight

Font weight defines the thickness or boldness of text on your store. Available options for heading:

  • Normal (400): The default font weight for body text, which can also be applied to headings.
  • Medium (500): Slightly thicker, suitable for emphasized body text or light headings.
  • Semi-Bold (600): Heavier, ideal for subheadings or highlighted text.
  • Bold (700): Strongest weight for maximum emphasis.
Heading gradient A heading gradient is a stylish effect where text is filled with a gradient instead of a solid color. Use the gradient picker to customize the gradient.

Slider options

Setting Description
Auto-rotate slides (if enabled) Set the carousel to play automatically on mobile devices.
Auto-rotate slides (if disabled)

The slides will not transition automatically.

They remain static until the user interacts with the slider.

User Interaction Options:

  • Touch Gestures (for mobile): Users can swipe left or right to navigate between slides.
  • Slider Buttons: Users can click on slider buttons (pagination indicators) to move to specific slides.
Change slides every

Adjust the interval at which slides automatically change.

The range is from 4 to 9 seconds.


Section padding 


Setting Description
Top padding The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. 
Bottom padding The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us