Reviews syles

  • freddyeee

    (@freddyeee)


    2 years, 11 months ago

    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)
  • Gilbert Hernandez

    (@ghernkadence)

    2 years, 11 months ago

    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)

    2 years, 11 months ago

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

    Gilbert Hernandez

    (@ghernkadence)

    2 years, 11 months ago

    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)

    2 years, 11 months ago

    thanks !

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

    Gilbert Hernandez

    (@ghernkadence)

    2 years, 11 months ago

    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.