REA Reviews

The Reviews displays a sliding carousel of user reviews.

Content

Slides

Items

Shows a list of all the items in the slide. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.

  1. Image: Upload or choose the reviewer’s image.

  2. Name: Enter the reviewer’s name.

  3. Title: Enter the reviewer’s job title.

  4. Rating: Assign a numerical rating, from 0.0 to 5.0.

  5. Icon: Choose the type of icon to use, either Font Awesome or Unicode.

  6. Link: Link the review to a URL.

  7. Review: Enter the text of the review.

There are some common options available for all slides as well:

  1. Slides Per View: Select the number of slides to show at one time, from 1 to 10.

  2. Slides to Scroll: Select how many slides to scroll per swipe, from 1 to 10.

  3. Width: Set the width of the carousel, in percentage or pixels.

Additional Options:

  1. Arrows: Show or hide the navigation arrows.

  2. Pagination: Select the carousel pagination style, either None, Dots, Fraction, or Progress.

  3. Transition Duration: Set the time between slide movement, in milliseconds.

  4. Autoplay: Slide to YES to have the carousel slide automatically.

  5. Autoplay Speed: Set the speed at which the carousel will slide, in milliseconds.

  6. Infinite Loop: Set to YES to have the carousel continue sliding, infinitely.

  7. Pause on Interaction: Set to YES to have the autoplay pause when the carousel is hovered over with a mouse or clicked.

  8. Image Size: Set the size of the image, from thumbnail to full, or enter a custom size.

Style

Slides

  1. Space Between: Control the space between review items.

  2. Background Color: Choose the background color of the review card.

  3. Border Size: Set the thickness of the border around the review card.

  4. Border Radius: Set the border-radius to control corner roundness.

  5. Border Color: Choose a color for the border.

  6. Padding: Set the padding within the border of the review card’s box.

Header

  1. Background Color: Choose the background color of the review card’s header.

  2. Gap: Control the space between the Header and the Review text.

  3. Separator: Choose to show or hide the separator line between the header and the review text.

  4. Color: Choose the color of the separator line.

  5. Size: Set the height of the separator line.

Text

Name / Title / Review

  1. Color: Choose the color of the Name/Title/Review.

  2. Typography: Change the typography options for the Name/Title/Review.

Image

  1. Image Size: Adjust the size of the reviewer’s image.

  2. Image Gap: Control the space between the image and the reviewer’s profile information.

  3. Border Radius: Set the border-radius to control corner roundness.

Icon

  1. Color: Set the color of the social icon. Choose either the Official Color of the social network or set a custom color of your choice.

  2. Size: Adjust the size of the social icon.

Rating

  1. Icon: Choose the type of icon to use, either Font Awesome or Unicode.

  2. Unmarked Style: Choose Solid or Outline for unmarked icons.

  3. Size: Set the size of the rating stars.

  4. Spacing: Adjust the amount of space between each star.

  5. Color: Choose the color of the rating stars.

  6. Unmarked Color: Choose the color of the unmarked portion of the stars.

Navigation

Arrows / Pagination

  1. Size: Adjust the size of the navigation arrows.

  2. Color: Choose the color of the navigation arrows.

PreviousREA Progress BarNextREA Search Form

Last updated