Help with customization

Ask the Community General Questions
1

How can we customised the:
Read more text (to CAPS and Bold)
Background of the read more pop up box
Wrap text of reviewer to a second line if too long?

3

Hi there and welcome to the Community @user23721 :waving_hand:

Sure! The CSS codes below should do the trick :backhand_index_pointing_down:

Read More text (Caps and bold)

.es-review-content-control {
  font-weight: bold;
  text-transform: uppercase;
}

Popup background color

.es-popup-content-container {
  background:green!important;
}

As for the reviewer name wrapping, could you please specify the maximum number of characters you’d like to display on the 1st line?

1 Like
4

Thanks Max! I appreciate your help!

Read more text caps and bold works perfectly - thank you

The popup background color is also great! (am I able to remove the reviewer name and logo from this pop up box?

For the reviewer name wrapper, probably about 35 characters if possible?

1 Like
6

Unfortunately, there is no way to set a specific number of characters, but you can set a max width for the author review name container:

.es-review-author-name {
  max-width: 250px;
  text-overflow: unset;
  white-space: wrap;
}

And here is the code to hide the logo and author name from the popup:

.es-popup-content-container .es-review-author-name,
.es-popup-content-container .es-review-info-company-logo {
display: none;
}

Please try it out and let me know if it helped :slightly_smiling_face: