[SOLVED] Stars (rating) all messed up in Product Comments module

[Ana Silva]

I'm cleaning up the module Product Comments and so far I arranged all things into desired position.

Yet, since from the beginning, I can't figure out how to arrange correctly the display of the rating stars on the new comment section.

Here's what I get:

 

 

 

Does anyone know how to align the stars correctly? I've been messing up with the entire .css and can't find a solution…

[vekia]

it looks like simple css issue. in this case can you share url to your website please? i will inspect the code

[Ana Silva]

vekia: Sure, thanks! The site is: toner.pt

Here's a link to a product: http://toner.pt/toners-compativeis-canon/97-canon-ep-26a-27-x25-preto.html

[vekia]

change height to 12px  in: .cancel, .star and right below this add

.cancel, .star {
float: left;
width: 17px;
height: 12px;
overflow: hidden;
text-indent: -999em;
cursor: pointer;
}
.cancel { height:15px; }

in global.css line 1561

 

in the same file near line 1577 youv'e got div.star_on a, just remove -16px and instead of it use just 0px;

div.star_on a {
background-position: 0px;
}

one line below change background-position: 0 -32px; to:

div.star_hover a, div.star a:hover {
background-position: 0 -12px;
}

[Ana Silva]

Oh! I never would have thought it had anything to do with the global.css file! Next time I'll look in there first.

 

Thanks, vekia! It's ok now!

[vekia]

you're welcome

im so glad that i could help you in configuration of your beautiful store

with regards,

Milos

[Ana Silva]

Milos: Thanks for all your help so far. 

 

I have the feeling I'll be asking for help on another issue tomorrow or so, since I'm having an issue of left column disappearing when finalizing a payment and the centre column aligning to the left. But I'll try to look it up meanwhile.