dmcpro
Forum Replies Created
Viewing 3 replies - 1 through 3 (of 3 total)
-
Forum: Plugins
In reply to: [Strong Testimonials] Solution for Star Rating not rendering correctly on IE@visi19
Thank you for responding! Looking forward to this. By the way, if possible please let me know when it can be released. Thanks againForum: Plugins
In reply to: [Strong Testimonials] Solution for Star Rating not rendering correctly on IEI forgot to add that it is needed to enqueue the dashicons css
wp_enqueue_style('dashicons');
before the codeForum: Plugins
In reply to: [Strong Testimonials] Unable to render stars in IE@mplusb
I would like to offer a solution. This can be fix by using the solution that wordpress used. By using font family dashicons and using characters \f155 for star-solid, \f459 for star-half and \f154 for star-regular
My solution is like this:@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .strong-rating span.star::before { content: "\f155"; font-family: dashicons, serif; text-align: center; background: transparent; } .strong-rating-wrapper.average .strong-rating span.star.half::before { content: "\f459"; } .strong-rating span.current ~ span.star::before { content: "\f154"; } .strong-rating label::before { content: "\f155"; font-family: dashicons, serif; text-align: center; background: transparent; } .strong-rating-wrapper.in-metabox .strong-rating > label::before { background: transparent; } .strong-rating-wrapper.in-metabox input[type='radio']:checked + label::before { background: transparent; } .strong-rating input:checked ~ label::before { content: "\f154"; } .strong-rating:hover input ~ label::before, .error .strong-rating:hover input ~ label::before { content: "\f155"; } .strong-rating input[type='radio']:checked + label::before, .error .strong-rating input:checked + label::before { content: "\f155"; } .strong-rating:hover input:checked + label::before, .error .strong-rating:hover input:checked + label::before { background: transparent; } .strong-rating:hover label:hover ~ input:not(:checked) + label:before { content: "\f154"; } }
This solution will only apply on IE 11 and will leave other browsers.
Viewing 3 replies - 1 through 3 (of 3 total)