Products banner settings

Layout settings

Setting Description
Layout
  • In front: The product image is displayed prominently in the center, overlapping with the heading or description based on the settings. This layout creates a striking design by placing the image in front of the text elements.
  • Back side: The product image is positioned on the right side, with all text elements (heading and description) on the left. This layout offers a more traditional presentation.

Slider settings


Setting Description
Arrows color  Choose a specific color for the slider arrows using the color picker in the slider settings. You can either enter the color number manually or select a color from the provided palette. The chosen color will be applied to all arrow icons used within the theme's slider.
Arrows color hover Specify a color for the slider arrows when hovered over.
Arrows background   Set the background color of the slider arrows to match the selected arrow color.
Arrows background hover Define a background color for the slider arrows when they are hovered over.
Enable outline on hover When you enable this option, button will be in outline style , only colorful borders and color for these borders is from arrows background hover.

Shape divider


Setting Description
Shape position

Choose the position of shape:

Top: shape is displayed only on the top of the section.

Bottom: shape is displayed only on the bottom of the section.

Both: shape is shown on the top and the bottom of the section.
Type Select the shape type that enhances the visual appeal of your banner the most.
Color You can select the color of the shape to complement the color of the banner.
Width Adjust the shape width using the slider. But notice that it has an impact on banner width. 

Section settings 


Setting Description
Background color There are six options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.
Background gradient Use the gradient picker to create a custom gradient for your section background.
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. 
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