Size

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.

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.