Title: Size
Last modified: August 30, 2016

---

# Size

 *  Resolved [Javy26](https://wordpress.org/support/users/javy26/)
 * (@javy26)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/size-10/)
 * Is there a way to make the form size smaller on the webpage?
 * [https://wordpress.org/plugins/calculated-fields-form/](https://wordpress.org/plugins/calculated-fields-form/)

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/size-10/#post-6798046)
 * Hi,
 * Yes of course, for example, if the shortcode inserted in your webpage is:
 * `[CP_CALCULATED_FIELDS id="1"]`
 * You simply should activate the “Text” tab in the page content’s editor, and insert
   the shortcode into a DIV tag to define the form’s width, as follows:
 * `<div style="width:340px;">[CP_CALCULATED_FIELDS id="1"]</div>`
 * Tip: Enters the preferred value as DIV width.
 * Note: If you inserts the DIV tag with the “Visual” tab activated, the symbols“
   <” and “>” are encoded.
 * Best regards.
 *  Thread Starter [Javy26](https://wordpress.org/support/users/javy26/)
 * (@javy26)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/size-10/#post-6798052)
 * I typed in this:
    <div style=”width: 500px; height: 300px;”>[CP_CALCULATED_FIELDS
   id=”3″]</div>
 * but instead of changing the form it changed the webpage itself
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/size-10/#post-6798157)
 * Hi,
 * I’ve visited your webpage, and has been reduced the form’s width correctly, and
   not the page’s width as you said. If you are referring to the width of the input
   fields, whose width is reduced as the form’s width is smaller, this behavior 
   is correct, you have defined the fields sizes as “small”, so, it will be reduced
   proportionally to the width of the form. Please, select the “Large” option, as
   the fields sizes.
 * Furthermore, if you want to centering the form, you should to use some additional
   styles in the tag, as follows:
 * `<div style="width: 500px; height: 300px; margin-left:auto; margin-right:auto;"
   >[CP_CALCULATED_FIELDS id="3"]</div>`
 * About the “height” definition, I don’t know your intentions, but if you want 
   to display only part of the form, to use the scroll bar to see the rest, you 
   should combine the current styles with:
 * `overflow:auto;`
 * Best regards.
 *  Thread Starter [Javy26](https://wordpress.org/support/users/javy26/)
 * (@javy26)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/size-10/#post-6798211)
 * it’s perfect now, thank you so much

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

The topic ‘Size’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Javy26](https://wordpress.org/support/users/javy26/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/size-10/#post-6798211)
 * Status: resolved