• Hi

    Please, see screenshot below:

    That’s the review form on the product pages.

    how to make disappear that green shadow in the stars ? how to make the stars bigger ? and the padding of the send button

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,

    I visited your site but can only see the review form if I make an account and a verified purchase. However, try the following CSS to see if it works for you:

    p.stars a {
        font-size: 2em;
        box-shadow: unset;
    }
    
    #review_form input#submit {
        padding: 25px;
    }
    Thread Starter freddyeee

    (@freddyeee)

    it didn’t work the box-shadow nor the padding. You can check again now, you will be able to see the form.

    Hello,

    Thank you for making it visible. However, the CSS should work. Here is some updated CSS that may work better. The font size is the for the size of the stars, unsettling the background image removes the green, and the padding for the submit button now adds 10px to the top and bottom, and 50px of spacing to the left and right of the button.

    .woocommerce p.stars a {
        background-image: unset;
        font-size: 2em;
    }
    
    #review_form input#submit {
        padding: 10px 50px;
    }
    Thread Starter freddyeee

    (@freddyeee)

    thanks !

    it worked. Finally, on hover in the stars there is some red shadow, how to make that disappear ?

    Hello,

    Use the following CSS:

    .woocommerce p.stars a:hover {
        background-image: unset;
    }
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Reviews syles’ is closed to new replies.