Is it possible to change yola's form size?

  • 1
  • Question
  • Updated 6 years ago
  • Answered
I'm currently building a site and wish to add a simple form so that visitors can sign up for my newsletter, the basic yola form would be ideal for this however im unable to resize it to fit into the place i want it.

Is there a way of doing this or does anyone know of an alternative form that doesn't contain advertising or cost anything?
Photo of smiley31


  • 11 Posts
  • 0 Reply Likes
  • frustrated

Posted 6 years ago

  • 1
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
Using HTML you can create a form of any size, with any fields you want. This is a simple form; I've included a few extra fields in case you want them for something else. Just leave them out if you don't want them.
Ignore the <!-- at the beginning and the --> at the end and the comments in brackets.

(This line creates the Form body).
<form method=post enctype="text/plain" action="mailto:your E-mail address">

(These two lines create a field labeled Name and one labeled Date)
<input type="text" name="Name" value="Customer Name" size=40 maxlength=50>
<input type="text" name="Date" value="Date" size=28>

(This line creates a larger area where you and/or your customer can write.)
<textarea name="CustMessage" rows=8 cols=38 wrap>Please subscribe me to your newsletter.</textarea>

(These next 5 lines give you a set of 5 push-buttons in a row that allow only one choice)
<input type="radio" name="Style" value="type 1" checked>Style A
<input type="radio" name="Style" value="type 2">Style B
<input type="radio" name="Style" value="type 2">Style C
<input type="radio" name="Style" value="type 2">Style D
<input type="radio" name="Style" value="type 2">Style E

(These 5 do the same but allow multiple choices).
<input type="checkbox" name="Multichoice" value="First Type" checked>Type 1
<input type="checkbox" name="Multichoice" value="Second Type">Type 2
<input type="checkbox" name="Multichoice" value="Third Type">Type 3
<input type="checkbox" name="Multichoice" value="Fourth Type">Type 4
<input type="checkbox" name="Multichoice" value="Fifth Type" checked>Type 5

(This line creates the Submit button, that has written on it "Place Request").
<input type="submit" Value="Place Request">

(And this one ends the Form body).

That code creates a form that will Email to your E-mail address, It has a variety of inputs in case you want to use them, but the ones you will want are the Customer name, maybe the date, and the textarea (which you will probably make rows=1 cols=40 or something like that).
This will E-mail you with:
Name: (the name they put in)
Date: the date they put in (or whatever you ask for, if you use it at all)
CustMessage: Please subscribe me to your newsletter.
Just leave out any functions you don't need, and change the sizes and labels to suit.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes

You can resize the Yola form. Did you want it smaller or bigger?

To change the single line inputs add this to your css editor...

div.sys_yola_form input.text {
width: 100px;

change the 100px to any width you want.

To change the multi line input (textarea) add this...

div.sys_yola_form textarea {
width: 300px;

again change the 300px to anything you want.

If you DO NOT have a Yola silver account you could add the code in a html widget wrapped in style tags. (ask if you need more explanation)

Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks UK Duke!
Photo of smiley31


  • 11 Posts
  • 0 Reply Likes
thats exactly what i was looking for thanks UK Duke.