Testimonial block
Setting | Description |
Content alignment | Choose the alignment for your content:
|
Star rating | Choose the number of stars to display for the testimonial. This represents the rating given by the customer. |
Star color | Select the color of the stars that represent the rating. |
Heading | Enter the heading of the testimonial. |
Heading color | The “Heading color” setting offers four options to customize the color scheme of your testimonial heading:
|
Description | Provide the main content or description of the testimonial. In the top menu of the field, you can find options to customize the text. |
Text color | The “Text color” setting offers four options to customize the color scheme of your testimonial description:
|
Text size | The text size setting offers three options to control the size of your card's heading:
|
Author | Enter the author of the testimonial. |
Author color | The “Author color” setting offers four options to customize the color scheme of the author name:
|
Author size | The “Author size” offers five options to choose the appropriate size of your author name in card:
|
Author weight | Choose correct font weight of author name according to your design. |
Image settings
Setting | Description |
Image | Add an image to testimonial slider to enhance the look of your section. |
Image ratio | The “Image ratio” setting allows you to control how images are displayed on your website based on their width-to-height ratio. You have several options to choose from:
|
Enable custom border radius | When this option is turned on, you can adjust the border radius of images. |
Border radius | Adjust the border radius of images to make them straight, less rounded, or more rounded. |
Image icon settings
Icon settings
You can put one icon at the top and another at the bottom to create an interesting view.
Setting | Description |
Icon | Add the icon (it can be brow icon and different shapes) to visually enhance the view of the block and section generally. Different icons can be added to every block through block settings. |
Image width | This setting allows you to adjust icon width to ensure it aligns well within the column. |
Image vertical position | The setting enables you to control the vertical position of the icon within the column. You can adjust icon position vertically using a slider to place it wherever it fits best in the block. |
Image horizontal position | This setting enables you to control the horizontal position of the icon within the column. You can adjust icon position horizontally using a slider to place it wherever it fits best in the block. |
Image width mobile | This setting lets you adjust icon width on mobile devices separately. It's important for optimizing the visual appearance and layout, as mobile screens have different requirements than desktop screens. Adjustments like decreasing icon width can improve mobile usability. |
Image vertical position mobile | The setting enables you to control the vertical position of the icon within the column. Adjustments like changing placement can improve mobile usability. |
Image horizontal position mobile | This setting enables you to control the horizontal position of the icon within the column. Adjustments like changing placement can improve mobile usability. |