Support » Plugin: Rich Reviews by Starfish » Review Box Size Change

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Nuanced Media

    (@nuanced-media)

    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]

    Thread Starter tseghe

    (@tseghe)

    Thank you for the quick response. Here is the URL: http://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

    Plugin Contributor Nuanced Media

    (@nuanced-media)

    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]

    Thread Starter tseghe

    (@tseghe)

    Hi, where would I put that code?

    Plugin Contributor Nuanced Media

    (@nuanced-media)

    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]

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Review Box Size Change’ is closed to new replies.