• Resolved Ravenous Raven Design

    (@ravenousravendesign)


    I can’t for the life of me figure out the CSS to center these rating stars. The text and everything else behaves, but not the stars. What to do?! I can’t even seem to find an answer online.

    A little help please ??

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @ravenousravendesign,
    Hope you are doing well. I’m not sure if you’re talking about footer ratings or not? But if you are talking about the footer rating then I hope the below CSS will help you.

    img.wp-image-972.alignnone.size-medium {
    margin-right: 40px !important;
    margin-left: 25px !important;
    }

    For putting this code you have to go Dashboard> Appearance > Customization > Additional CSS.
    Thank you.

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
    ?

    /* Align Stars review */
    .woocommerce .products .star-rating{
        margin: auto !important;
    }
    

    ?
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    I hope that helps! ??

    • This reply was modified 3 years, 7 months ago by Gabriel - a11n. Reason: Fixed css
    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Since it’s been a while since we last heard back from you, I’m going to mark this thread resolved.

    Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How To Center Star Rating’ is closed to new replies.