How can I center the stars?

  • Resolved fxfst

    (@fxfst)


    4 years ago

    Hello.
    How can I center the stars?
    Everything worked correctly, but after the update the stars began to fold to the left.
    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Gemini Labs

    (@geminilabs)

    Can you please provide the URL of the page?

    Thread Starter fxfst

    (@fxfst)

    Sure, https://torforex.com/rejting-forex-brokerov/

    Plugin Author Gemini Labs

    (@geminilabs)

    Try this CSS:

    /*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.glsr .glsr-summary-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0;
}
    Plugin Author Gemini Labs

    (@geminilabs)

    You may prefer to restrict that CSS to a custom class, otherwise it will apply to all [site_reviews_summary] shortcodes used on all pages. For example:

    1. [site_reviews_summary class="center-stars"]
    2. Add the following custom css

    /*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.center-stars .glsr-summary-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0;
}
    Thread Starter fxfst

    (@fxfst)

    Working!
    Many thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How can I center the stars?’ is closed to new replies.