Review Box Size Change

tseghe,

So i’m not sure I am understanding correctly, but the form is deliberately light on applied styles so that it’s styling can be over ridden by css in your theme or applied to the page on which you place it. If you provide me with the url, I can write you some quick css to style the form in your specific layout. However, in the meantime here is one example of some style that make the form a bit larger and center it inside of it’s container.

<div style="width:100%;">
[RICH_REVIEWS_FORM]
</div>

<style>
   .rr_review_form {
      text-align: center;
   }
   .rr_review_form .form_table {
      width: 80%;
   }
   .rr_review_form .form_table .rr_form_heading {
      width: 30%;
      font-size: 18px;
   }
   .rr_review_form .form_table .rr_form_input input {
      font-size: 18px;
   }
   .rr_review_form .form_table .rr_from_row td {
       table-style: none;
       display: block;
   }
</style>
<script type="text/javascript">
   jQuery(function(){
      jQuery('.form-err').each(function() {
         if(jQuery(this).text() == '') {
             jQuery(this).css('display', 'none');
         }
      });
   });
</script>

Let me know if this helps,

Charlie Maxwell
[NM_Developer]

Thank you for the quick response. Here is the URL: https://ancient7.wpengine.com/?page_id=1295

If you scroll to the bottom you’ll see the form on the left side. I would like to center it and make it wide enough.

Thank you

All You should require to should be the below:

<style>
.form-table {
    margin: auto;
    width: 60%;
}

.form-err:empty {
   display: none;
}
</style>

Let me know if this works for you,
Thanks

Charlie Maxwell
[NM_Developer]

Hi, where would I put that code?

tseghe,

You will want to place the above stylesheet on any page that has a form on it.

Let me know if you ned any further help,
Thanks,
Charlie Maxwell
[NM_Developer]