Star Size Not Sticking

  • Hello,

    Thanks for the great plugin. Unfortunately I’ve been experiencing an issue since installation and even though I’ve tried numerous fixes I just can’t figure it out. The issue is that when you first load a page with the star rating on it the rating is very, very small in size. Then, for some reason, after reloading the page the star ratings become the size specified in the admin settings (24px).

    Here is an example of the issue (scroll all the way down; it’s right above the related posts section) :
    https://dev.eggabase.com/video-games/fallout-4/the-cask-of-amontillado/

    Note that the problem will go away after reloading the page, but there are plenty of other pages on the site with the star ratings embedded if you need me to provide more for troubleshooting.

    All help is appreciated, thanks!

    EDIT: Forgot to mention, this issue has been tested on Firefox, IE and Chrome. It’s also been tested on Windows 7 and 10, all with the same issue.

    https://www.ads-software.com/plugins/gd-rating-system/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Milan Petrovic

    (@gdragon)

    You are using float: left for the span elements that envelop the rating block.

    1. Never use the SPAN to contain other things other than text, SPAN is inline element and by HTML specification it should not contain DIVs or other block elements.

    2. When using float without explicit width set, browsers usually create minimal elements. And my plugin will resize stars to fit into the space parent element provides, so it is not 30px per star, plugin resizes it to 11px per star.

    So, you should make better block to hold the stars, use DIV’s with maybe display: inline-block instead of float, and if you want to use float, set the width to 300px (30px x 10 stars).

    Milan

    Thread Starter Glitch Guards

    (@kin6x)

    Milan,

    I can’t believe I overlooked something so simple… Thanks for that and thank you for the information on usage of the SPAN container; I’m sure that will save me a few headaches in the future (and maybe the next poor soul who stumbles upon these forums too) ??

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Star Size Not Sticking’ is closed to new replies.