Vertical Rating

This is happening because you have the following CSS rule in your theme:

#content form span {
    width: 100%;
}

IDs have high priority in CSS so this is overriding all other span width styling on your website.

To fix this, either adjust your theme’s CSS, or add the following custom CSS rule:

.gl-star-rating-stars > span {
    width: 24px !important;
}

• This reply was modified 6 years, 3 months ago by Gemini Labs.
• This reply was modified 6 years, 3 months ago by Gemini Labs.

thank you, it works ??

on mobile works fine too, thank you

• This reply was modified 6 years, 3 months ago by filipfarek.

I have one more problem with rating. If I click on 5th star, they marked only third star, then i have to click to the right (to the empty space) that marked 5th star. Can you help me?

This sounds like another CSS issue with your theme. Please send a valid link to your reviews page.

This problem is also caused by the same CSS rule in your theme as shown above:

#content form span {
    width: 100%;
}

Please either remove it, edit the value to “auto”, or add the following custom CSS and make sure it is loaded after your theme’s stylesheet:

#content form span {
    width: auto;
}

(Thanks @jcastaneda!)

• This reply was modified 6 years, 3 months ago by Gemini Labs.

Works, Thank you very much ??

Hello,

I notice after added custom css #content form span {
width: auto;
}

plugin site review works good, but form by plugin Contact form are too short. Is there some way to fix it?
thank you

form si here
https://filipstattoo.cz/popis-motivu-formular/

You can override it for Contact Form 7 forms like this:

#content form.wpcf7-form span {
    width: 100%;
}

• This reply was modified 6 years, 3 months ago by Gemini Labs.

thank you

Hello,

I need help again. Stars from submit site review dissapeared.
Here is link https://filipstattoo.cz/pridat-hodnoceni/

.gl-star-rating-stars > span {
    width: 24px !important;
    height: 24px !important;
}

Thank You, for excelent support