Testimonial block


Setting Description
Content alignment

Choose the alignment for your content:

  • Left: Align content to the left side.
  • Center: Align content to the center.
  • Right: Align content to the right side.
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:

  • Text main color
  • Text secondary color
  • Headings color
  • Headings secondary color
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 main color
  • Text secondary color
  • Headings color
  • Headings secondary color
Text size

The text size setting offers three options to control the size of your card's heading:

  • Small
  • Medium
  • Large
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:

  • Text main color
  • Text secondary color
  • Headings color
  • Headings secondary color
Author size

The “Author size” offers five options to choose the appropriate size of your author name in card:

  • H4
  • H5
  • H6
  • Body Medium
  • Body Small
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:

  • Adapt to image: This option uses the aspect ratio of the images, ensuring that they are not cropped and displayed in their original dimensions.
  • Portrait: This option crops the images to use a 2:3 ratio, creating a taller appearance with a width that is 2/3 of its height.
  • Square: This option crops the images to use a 1:1 ratio, creating a square-shaped display with equal width and height.
  • Landscape: This option crops the images to use a 3:2 ratio, creating a wider appearance with a width that is 1.5 times its height.
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.
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