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

Resolved adminseekout
(@adminseekout)

5 years, 7 months ago

Hi, just a quick question. if i were to ever wish to edit the positioning and the color of the forms where and how can i do it? i understand that there is a need to implement css. If so where can i slot in all the css codes? im pretty new to wordpressso.. am actually a noob in coding. so maybe you could give me a more dummy instructions. anyway maybe this pic may addreess more of my issue.

https://photos.app.goo.gl/YSNQZ4583Zf2WFER7

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author Gemini Labs
(@geminilabs)

5 years, 7 months ago
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 5 years, 7 months ago by Gemini Labs.
- This reply was modified 5 years, 7 months ago by Gemini Labs.
- This reply was modified 5 years, 7 months ago by Gemini Labs.
Thread Starter adminseekout
(@adminseekout)

5 years, 7 months ago
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
Plugin Author Gemini Labs
(@geminilabs)

5 years, 7 months ago

If your theme does not allow you to add your own custom CSS, you can use a plugin such as https://wordpress.org/plugins/simple-custom-css/
Plugin Author Gemini Labs
(@geminilabs)

5 years, 7 months ago
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 5 years, 7 months ago by Gemini Labs.
- This reply was modified 5 years, 7 months ago by Gemini Labs.
- This reply was modified 5 years, 7 months ago by Gemini Labs.
- This reply was modified 5 years, 7 months ago by Gemini Labs.
Thread Starter adminseekout
(@adminseekout)

5 years, 7 months ago
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?
Plugin Author Gemini Labs
(@geminilabs)

5 years, 7 months ago
```
.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;
}
```
Plugin Author Gemini Labs
(@geminilabs)

5 years, 7 months ago

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

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘How to edit(formatting, positioning) for the review form’ is closed to new replies.