How to customize widget styles

You can write custom styles for some of components by using next classes

Shared classes

  • .custom-body - full body of widget
  • .custom-review-list - list of reviews
  • .custom-total-info - summary information element
  • .custom-total-info-header - header of summary information
  • .custom-total-info-body - body of summary information
  • .custom-total-stars - wrapper of total stars of summary information
  • .custom-total-star - each star icon
  • .custom-total-info-body-rating - rating number in summary information
  • .custom-total-info-total-reviews - total count of reviews
  • .custom-total-info-source - source name in summary information
  • .custom-review-element - each review element
  • .custom-review-element-wrapper - each review element wrapper
  • .custom-time - review publishing time
  • .custom-review-text - review text

Quote template classes

  • .custom-quote-icon - quote icon
  • .custom-review-element-text - review text wrapper
  • .custom-customer-name - customer name

Classes for Grid, List and Slider templates

  • .custom-review-header - header wrapper of each review
  • .custom-review-stars - stars wrapper for each review
  • .custom-review-star - each star in review
  • .custom-customer-name - customer name
  • .custom-review-additional - review source and time wrapper
  • .custom-review-source - review source
  • .custom-review-title - review title
  • .custom-review-body - review body

Classes for Slider template

  • .custom-slider-body - body of slider
  • .custom-navigatin-wrapper - get navigation element of slider
  • .custom-navigation-icon - icons of navigation elements
  • .custom-slider-wrapper - slider wrapper element

Classes for wordcloud

  • .custom_word-cloud - words inside a cloud

Still need help? Contact Us Contact Us