Star Ratings Have Disappeared

Many thanks for these explicit instructions! I installed Health Check – GREAT plugin! I ran in troubleshooting mode with twenty-twenty theme and no other plugins activated except Strong Testimonials. Rating stars are still missing.

Strong Testimonials V 2.50.3
WP v 5.6
PHP v 7.2.34

Thank you

What do you want me to make a video of? I told you exactly what I did. Do you not believe me?

I did as you requested. I cleared the cache, deactivated and deleted the plugin. I cleared the cache again, then reinstalled and activated and cleared the cache again. No change.

Please note that this issue is on ALL of my websites that use Strong Testimonials.

All of my websites are using the latest version of WP. Could there be an issue with WP?

I host all of my websites on my own dedicated server. Yes, I have found the file. This is the content of it.

/**
 * Star Ratings - Display Only
 *
 * Pure CSS. No floats or bidi. Simple em-based sizing.
 *
 * http://codepen.io/cdillon/pen/vXNbBw
 *
 * Based on Pure CSS Star Rating Widget by James Barnett
 * http://codepen.io/jamesbarnett/pen/vlpkh
 */

/* the container */
.strong-rating-wrapper {
  line-height: 1.7;
}

/* inline-block */
.strong-rating-wrapper.average > span {
  display: inline-block;
}

/* block */
.strong-rating-wrapper.average.block > span {
  display: block;
  margin: 0;
}

/* centered */
.strong-rating-wrapper.average.centered {
  text-align: center;
}

.strong-rating-title {
  font-weight: 700;
}

.strong-rating-wrapper legend {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* the fieldset */
.strong-rating {
  display: inline-block;
  border: 0;
}

/* the stars */

.strong-rating span.star {
  display: inline-block;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
}

.strong-rating span.star:before {
  content: "";
  -webkit-mask: url('../svg/star-solid.svg') center center no-repeat;
  mask: url('../svg/star-solid.svg') center center no-repeat;
  display: inline-block;
  font-size: 1.25em;
  width:19px;
  height:20px;
  /* use padding not margin */
  padding: 0 4px;
  transition: color 0.3s ease;
}

.strong-rating-wrapper:not(.average) span.star:first-child:before {
  padding-left: 0;
}

.strong-rating-wrapper:not(.average) span.star:last-child:before {
  padding-right: 0;
}

.strong-rating span.star:hover {
  cursor: default;
}

/* fieldset tweaks */

/* in a form */
.strong-rating-wrapper.in-form .strong-rating {
  padding: 0;
}

/* in a view */
.strong-rating-wrapper.in-view {
  display: inline-block;
}

.strong-rating-wrapper.in-view .strong-rating {
  margin: 0;
  padding: 0;
}

/* in the post editor */
.strong-rating-wrapper.in-metabox {
  display: inline-block;
}

.strong-rating-wrapper.in-metabox .strong-rating span.star:before {
  font-size: 20px;
  line-height: 27px;
}

.strong-rating-wrapper.in-table-list .strong-rating span.star:before {
  /* use padding not margin */
  padding: 1px;
}

/* the magic */

/* this is how we highlight stars before the checked one (siblings before): */

/* hide the first label because our rating may be zero */
.strong-rating span.star0 {
  display: none;
}

/* and turn all on */
.strong-rating span.star:before {
  color: #FFB900;
  background: #FFB900;
}

/* then turn off stars after the current rating */
.strong-rating span.current ~ span.star:before {
  content: "";
  -webkit-mask: url('../svg/star-regular.svg') center center no-repeat;
  mask: url('../svg/star-regular.svg') center center no-repeat;
}

/* turn on the current rating */
.strong-rating span.current:before {
  color: #FFB900;
}

/* which may be a half star */
.strong-rating-wrapper.average .strong-rating span.star.half:before {
  content: "";
  -webkit-mask: url('../svg/star-half-alt-solid.svg') center center no-repeat;
  mask: url('../svg/star-half-alt-solid.svg') center center no-repeat;
}

/* Responsive
--------------------------------------------------*/
@media only screen and (max-width: 480px) {
  .strong-rating-wrapper > span {
    display: block;
    line-height: 30px;
    vertical-align: middle;
    margin: 0;
    text-align: center;
  }
}

It has now been a week since I re-opened the ticket and responded. Is anyone doing anything about this?

Thank you for replying. The first thing I did was to copy and paste all the code from the rating-display.css file into my Simple CSS file. I cleared my WP-Rocket cache but it made no difference. Still no stars.

So the next thing I did was remove everything from my .htaccess file except the basic WP code. Voila! The stars appeared. That means the problem must be either my caching plugin or one of my security plugins.

So I replaced the old .htaccess file, cleared my cache with the intention of deactivating above mentioned plugins to test, but the stars are still there.

So then I went to one of my other sites that is not showing the stars and just deactivated the plugins. Turns out the problem is All-In-One Security, but again, when I reactivated it to change the settings, the stars are still there, even after clearing cache.

So then I went to another site where stars are not showing. This time, instead of deactivating the All-In-One Security plugin, I simply unticked some of the basic firewall options, and voila! The stars appeared. So then I ticked them all back on again to try to determine which specific setting was causing the problem, but I can’t get the stars to disappear, even after clearing cache.

So on to the next site. This time I unticked and then re-ticked one option at a time and I finally found the problem.

To make the stars show up, if using All-In-One Security (WP Security) plugin, you must untick Firewall -> Advanced Firewall Rules -> Advanced Character String Filter.

Thanks for all your help. This issue is now resolved!