Star Rating Styling

This topic contains 3 replies, has 2 voices, and was last updated by  Stiofan O’Connor 9 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • January 23, 2015 at 12:59 am #28584

    danbergan
    Buyer
    Post count: 21

    I noticed that the star ratings in the “Popular Post View” sidebar widget didn’t look right in Chrome. (I have attached a screenshot in Chrome and Firefox).

    I see that is it caused by this code in comments_functions.php:
    $attach_style = ( $is_safari || $is_iphone || $ios || $is_chrome ) && $star_width > 0 ? ‘width:’ . $star_width . ‘px;max-width:none’ : ”;

    If I disable the “width” css attribute in Chrome, it looks great. Why is it necessary to specify this width for Chrome? (and, Safari for that matter.)

    Is there a way that I can over-ride this CSS style?

    Thanks –
    Dan

    January 23, 2015 at 4:15 pm #28636

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi Dan,

    This is due to a background bug with these browsers where the stars don’t exactly fit the enclosing box, i have added this as a task to be looked at, i will keep u posted.

    You should be able to override it manually using the !important tag.

    Thanks,

    Stiofan

    January 24, 2015 at 6:37 am #28708

    danbergan
    Buyer
    Post count: 21

    Thanks, Stiofan!

    Dan

    March 17, 2015 at 5:29 pm #34312

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    I have added a jQuery solution to this, the problem is some browsers can’t so subpixle rendering of %’s.

    Will be in next ver.

    Stiofan

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket