How to edit(formatting, positioning) for the review form

1. To centre the text in the form, you can use the following custom css:

.glsr-field {
    text-align: center;
}

2. It is not easy to customise the order of the review fields. However, if you do not have any reviews to migrate then I can send you a link to the v3.0 pre-release of Site Reviews. v3.0 provides an easy way to re-arrange the review fields.

If you would like me to send you the v3.0 pre-release, send an email to site-reviews[at]geminilabs[dot]io

• This reply was modified 6 years, 2 months ago by Gemini Labs.
• This reply was modified 6 years, 2 months ago by Gemini Labs.
• This reply was modified 6 years, 2 months ago by Gemini Labs.

Hi,

May i know where can i insert this set of code?

.glsr-field {
    text-align: center;
}

When i try inserting it into the ‘classes’ section, the words are still not align to the middle.

https://photos.app.goo.gl/FcqQXsMcf8iCumT78
(this is the place i insert the css code)

Kindly advise me where should i slot it in.
Thank you
Reuben

If your theme does not allow you to add your own custom CSS, you can use a plugin such as https://www.ads-software.com/plugins/simple-custom-css/

Once you have installed v3.0:

1. Create a folder inside of your active theme folder called “site-reviews”.

i.e. /wp-content/themes/your-theme/site-reviews/

2. Next, copy over the “review.php” template file from the plugin into this new folder. You can find this file in the “views/templates” folder in the plugin.

For example, copy this:

/wp-content/plugins/site-reviews/views/templates/review.php

to here:

/wp-content/themes/your-theme/site-reviews/review.php

3. Finally, edit the “review.php” file in a text editor and change the order of the fields. For example, this is what the file looks like when you open it in an editor:

<?php defined( 'WPINC' ) || die; ?>

<div class="glsr-review">
    {{ title }}
    {{ rating }}
    {{ date }}
    {{ assigned_to }}
    {{ content }}
    {{ avatar }}
    {{ author }}
    {{ response }}
</div>

If you wanted to place the rating after the author name, you would change it to this:

<?php defined( 'WPINC' ) || die; ?>

<div class="glsr-review">
    {{ title }}
    {{ date }}
    {{ assigned_to }}
    {{ content }}
    {{ avatar }}
    {{ author }}
    {{ rating }}
    {{ response }}
</div>

• This reply was modified 6 years, 2 months ago by Gemini Labs.
• This reply was modified 6 years, 2 months ago by Gemini Labs.
• This reply was modified 6 years, 2 months ago by Gemini Labs.
• This reply was modified 6 years, 2 months ago by Gemini Labs.

Hi geminilabs,

followed your instruction above and inserted this code to try to change the title in ‘submit a site review form’

.glsr-field {
    text-align: center;
}

now the title are in the middle! great!

Just wondering how i could shift my contents to the middle for ‘Recent Site Reviews’ form too?

.glsr-review {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.glsr-review .glsr-review-avatar {
    margin-left: 0;
    margin-right: 0;
}

I have not had a reply in over a week so will mark this as resolved.