Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter dmcpro

    (@dmcpro)

    @visi19
    Thank you for responding! Looking forward to this. By the way, if possible please let me know when it can be released. Thanks again

    Thread Starter dmcpro

    (@dmcpro)

    I forgot to add that it is needed to enqueue the dashicons css wp_enqueue_style('dashicons'); before the code

    @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.

    • This reply was modified 4 years, 3 months ago by dmcpro.
    • This reply was modified 4 years, 3 months ago by dmcpro.
Viewing 3 replies - 1 through 3 (of 3 total)