WooCommerce Rating Stars No Longer Show Up Correctly

Home Forums Use Any Fonts WooCommerce Rating Stars No Longer Show Up Correctly

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9233
    Pat
    Guest

    Hi,

    While our custom font works fine across our WooCommerce web store the WooCommerce Rating Stars no longer show up correctly as soon as we’ve activated your plugin “Use Any Font”.

    With Use Any Font plugin activated:
    https://drive.google.com/open?id=0B1NtF7OtG6TJOUNHMExKSXJ3dVU

    Without Use Any Font plugin activated:
    https://drive.google.com/open?id=0B1NtF7OtG6TJcEhoSWt6VndRekk

    Solution?

    Thanks,
    Patrick

    #9244
    Dinesh
    Keymaster

    Hi Pat,

    Please use this css in your theme file and this should fix your issue.

    #respond .stars span a {font-family: "fontawesome" !important;}

    If you have trouble keep this css then please use My Custom Css plugin.

    Thanks

    #9245
    Pat
    Guest

    Hi Dinesh,

    Great, it works!

    As an alternative, I’ve also created some additional CSS so we as users are completely free in choosing, sizing and positioning whatever icon we like when it comes to WooCommerce Star Rating Reviews:

    .woocommerce-review-link {
    line-height: 1.3rem;
    }
    .woocommerce .star-rating {
    width: 6rem;
    line-height: 1rem;
    letter-spacing: .2rem;
    }
    .woocommerce .star-rating::before {
    content: ‘\☆\☆\☆\☆\☆’;
    font-size: 16px;
    }
    .woocommerce .star-rating span::before {
    content: ‘\★\★\★\★\★’;
    font-size: 16px;
    letter-spacing: .2rem;
    }
    .woocommerce .stars a::before {
    content: ‘★’;
    font-size: 20px;
    float: left;
    line-height: 3rem;
    }

    Thanks,
    Pat

    #9247
    Dinesh
    Keymaster

    Hi Pat,

    Thank you so much for sharing with us. Wil be helpful for others..

    🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘WooCommerce Rating Stars No Longer Show Up Correctly’ is closed to new replies.