Support » Plugin: Site Reviews » title and review is centered — the rest is left aligned

  • Resolved vi54

    (@vi54)


    Hi!

    When we scroll down on this page. The titles and actual reviews are aligned to the center.

    Yet the stars / date and author are not aligned to the left.

    Not sure how to fix this.

    all the best
    Peter

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

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

    (@geminilabs)

    Your theme is responsible for this.

    You can fix left alignment of text like this:

    .glsr-reviews-wrap {
        text-align: left;
    }
    Thread Starter vi54

    (@vi54)

    Thanks. It does however only work for left or right alignment

    As right now I have done:
    .glsr-reviews-wrap {
    text-align: center;
    }

    and still the text is not all centered.

    When I put it at left or right all text is aligned accordingly.

    Pretty odd.

    Plugin Author Gemini Labs

    (@geminilabs)

    Ah, you want it centred.

    Since the layout uses flexbox, you’ll need to do something like this:

    1. Add the center-reviews class to the shortcode:

    [site_reviews class="center-reviews"]

    2. Add the following custom CSS:

    .center-reviews .glsr-review {
        justify-content: center;
        text-align: center;
    }
    .center-reviews .glsr-review-rating {
        justify-content: flex-end;
        flex-grow: 1;
    }
    .center-reviews .glsr-review > .glsr-review-date {
        flex-basis: auto !important;
    }
    Thread Starter vi54

    (@vi54)

    Brilliant! Thank you very much! Maybe its nice to provide these classes per default? But I do now know where to look at!

    Have a good one!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘title and review is centered — the rest is left aligned’ is closed to new replies.