Hi I'm adding the star rater by inserting the following in the body section of my html page:
<script type="text/javascript" language="javascript" src="jsrate.php?file=my_page.html&file_real=my _page.html"></script>
The star rater renders in a large font, too large for what I need and is not in keeping with the design of my website. The only way I can change the size of the font in the star rater graphic is by adjusting the body section of the css IE:
body { font-size: 80%;}
Ive tried targetting the <p> tag <h1> to <h5> but targeting all these doesnt make any difference. I dont want to reduce the font size in the body tag to 80% as this will obviously reduce the font size of everything throughout the whole of my website.
Is there a better way of doing this, than adjusting the body tag?
Ive tried adding a css class to the javascript like this:
.starater { font-family: Arial, Helvetica, sans-serif; font-size: 80%; }
<p class="starater"> <script type="text/javascript" language="javascript" src="jsrate.php?file=my_page.html&file_real=my _page.html"></script></p>
By doing this, the font next to the radio buttons (Excellent, Good, Fair...etc) remain unchanged, but all other fonts render at 80%
All I want to do adjust is the size of all the fonts in Star Rater to 80%, without effecting the font rendering in the rest of my site...just need to know how to target the star rater with css.
Other than the above this really is a brilliant script, and easy to set up! |