Help me aligning the stars (rating stars) centre under the profile photo

Hi @sami35,

Could you please copy/paste below custom CSS to your customizer and let me know if it did the trick?

media screen and (max-width: 480px)
#wcfmmp-store .logo_area_after {
    left: 37% !important;
}

Regards

@sami35

Using CSS selectors, you can align the elements

@omarelhawary Thanks for the answer.

But it didn’t work.

Hello there

It appears the stars have a margin, when you adjust the margin they align as wanted.

Link to image: https://snipboard.io/NmB69G.jpg

In this case, as mentioned by @oaoyadeyi you can use Selectors to align them properly.

Let us know if there are any questions.

actually I don’t know much about selectors.

What can i do?

Hi @sami35,

You have to use CSS Media Queries to adjust the left property. You can find examples and more info here: https://www.w3schools.com/css/css3_mediaqueries_ex.asp.

@media screen and (max-width: 480px) and (min-width: 375px) {
#wcfmmp-store .logo_area_after {
    left: 40% !important;
}
}
@media screen and (max-width: 374px) {
#wcfmmp-store .logo_area_after {
    left: 37% !important;
}
}

If you do require more help with CSS, we’d recommend hiring a customization expert among the ones listed at https://woocommerce.com/customizations/.

Cheers.

Thanks a lot everyone.