Forums Sign Up Reply Search Statistics
Star Rating System GraFX Software Solutions - Forum / Star Rating System /

How to style the text....No CSS file?

 
Author hoseman
Forums Member
#1 Posted: 16 May 2010 13:12:52
Reply 
Hi

Ive installed the free version of star rating on my website, and it seems to work fine. However I have one simple question:

How do I style the text in the star rater to my own requirements? Ive looked for a CSS fIle but cannot find one?

Any help would be much appreciated!

Thanks

Andrew
Author software
Admin
#2 Posted: 20 May 2010 08:56:40
Reply 
Depend how you add it, but free version does not have too many things to CSS only the PRO version.
Author hoseman
Forums Member
#3 Posted: 21 May 2010 20:17:10 Edited by: hoseman
Reply 
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&amp;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&amp;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!
Author software
Admin
#4 Posted: 25 May 2010 08:15:22
Reply 
I suggest to look at cls_rate_ajax.php or cls_rate.php (depend on which one you use it).
There you can add a id or class to form.

BUT, the rate stars are graphics, so you can just edit that and is done.
Author hoseman
Forums Member
#5 Posted: 1 Jun 2010 23:52:52
Reply 
Hi Admin

Just wanted to say, thankyou for your help.
You've told me everything I need to know!
Author software
Admin
#6 Posted: 3 Jun 2010 08:39:48
Reply 
:-) very welcome.
 
Your Reply

» Username  » Password 
Only registered users are allowed to post here. Please enter your login/password details upon posting a message, or sign up first.