Help with a widget design customization

Ask the Community Customization
4

Okay, here are the solutions to change the font family and font weight for all widget elements right away:

And here is the code to individually control the font family and font weight of all widget elements:

/* Header */

.es-header-heading-text {
  font-weight: 700;
  font-family: Times New Roman;
}

/* Rating */

.es-rating-value {
  font-weight: 500;
  font-family: Times New Roman;
}

/* Review text */

.es-text-shortener { 
font-weight: 700;
font-family: Times New Roman; 
}

/* Write a Review button text */

[class*="ButtonBase__Ellipsis-sc"] {
  font-weight: 700;
  font-family: Times New Roman;
}

/* Author name */

.es-review-author-name { 
  font-family: Times New Roman;
   font-weight: 700;
}

/* Date */

.es-review-info-date {
  font-family: Times New Roman;
   font-weight: 700;
}

You’re very welcome to use any other font providing it’s supported by your browser and installed on your website. Please try it out and let me know if it worked for you :slightly_smiling_face:

1 Like