Title: Field positioning
Last modified: June 8, 2020

---

# Field positioning

 *  Resolved [surathchandra15](https://wordpress.org/support/users/surathchandra15/)
 * (@surathchandra15)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/)
 * I was able to change the positioning of the field. But is it possible to achieve
   something like this? I have attached an image file to google drive. please lemme
   know.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffield-positioning%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Thread Starter [surathchandra15](https://wordpress.org/support/users/surathchandra15/)
 * (@surathchandra15)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12953714)
 * I just want to shift the star ratings to the right. and the left can stay as 
   it is. the stars should be in the same line as the date.
 *  Thread Starter [surathchandra15](https://wordpress.org/support/users/surathchandra15/)
 * (@surathchandra15)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12954098)
 * I was able to achieve this using the following CSS:
 *     ```
       .glsr-review-title h3 {
           font-size: 22px !important;
       }
   
       #et-boc .glsr-ltr .glsr-default .glsr-review-rating, .glsr-ltr .glsr-default .glsr-review-rating {
           display: flex;
           flex-grow: 1;
           flex-direction: column;
           align-items: flex-end;
           margin-top: -2.5em;
       }
   
       #et-boc .glsr-default .glsr-review-avatar+.glsr-review-author, .glsr-default .glsr-review-avatar+.glsr-review-author {
           margin-bottom: -5px;
       }
       #et-boc .glsr-default .glsr-review>div, .glsr-default .glsr-review>div {
           margin-bottom: 8px;
       }
       ```
   
 * however, now the problem is that in mobile devices the stars overlap the title
   text.
 * How can i fix that?
 *  Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/)
 * (@geminilabs)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12957356)
 * Which website review design are you wanting to imitate?
 *  Thread Starter [surathchandra15](https://wordpress.org/support/users/surathchandra15/)
 * (@surathchandra15)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12958065)
 * It is a custom design. I have uploaded the picture in the google drive. I am 
   sharing the link [here](https://drive.google.com/file/d/1vOfdmIfT9gPuSRRtQq3Ygw2kQKFDvo1U/view?usp=sharing).
   The star ratings should be shifted to the extreme right. And while on mobile 
   it should be shown in the default state like [this](https://drive.google.com/file/d/1lb-CMuN8g6oJU_8HlEBRvicg3N7DE3oR/view?usp=sharing)(
   stars appear at the left with the date on the right) Is is possible?
 * I also have another question. It is possible to link the avatar with the facebook
   of that email id so as to show the facebook profile picture in the avatars of
   the review?
 *  Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/)
 * (@geminilabs)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12968568)
 * The best way to do this kind of layout is with CSS Flexbox.
 * Here are some links that may help you:
 * [https://flexboxfroggy.com/](https://flexboxfroggy.com/)
    [http://apps.workflower.fi/css-cheats/?name=flexbox](http://apps.workflower.fi/css-cheats/?name=flexbox)
 *  Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/)
 * (@geminilabs)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12968571)
 * Site Reviews does not integrate with the Facebook API to get the avatars. Additional
   avatar sources in a feature that may be considered for a later version.
 *  Thread Starter [surathchandra15](https://wordpress.org/support/users/surathchandra15/)
 * (@surathchandra15)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12968913)
 * Yes. I have used CSS flexbox. Thanks. It worked.

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

The topic ‘Field positioning’ is closed to new replies.

 * ![](https://ps.w.org/site-reviews/assets/icon-256x256.gif?rev=3307009)
 * [Site Reviews](https://wordpress.org/plugins/site-reviews/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/site-reviews/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/site-reviews/)
 * [Active Topics](https://wordpress.org/support/plugin/site-reviews/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/site-reviews/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/site-reviews/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [surathchandra15](https://wordpress.org/support/users/surathchandra15/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/field-positioning/#post-12968913)
 * Status: resolved