CSS Styles

[thequformnoob]

I love the QuForm options. I actually am trying to use it to make call to actions in the widget area such as “Free Estimates” or “Request a Quote”, etc.

I am not awesome with CSS but I am willing to learn. With a decent knowledge of CSS, do you think it is possible to generate call to actions forms like on these websites?

http://parkeryoung.com/
http://casteelair.com/
http://bredapest.com/

and I really like this one:

http://findlayroofing.com/

Also, if not, do you have any plugin recommendations that could meet my needs?

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[thequformnoob]

Take a look at http://valueroofingtn.com/residential-roofing-nashville/

That’s what the form looks like.

As you can see, the background doesn’t look very good. It needs to be a bit bigger and stretch outside of the fields and encompass them. Maybe some padding or something? Also, I would like to make the background an image so I can put a gradient on it or something. I know the command for the CSS for background but I’m stumbling on how to get the file path correct I think.

So, in summary:

a) I want to make the background bigger so that it encompasses the fields
b) I would like to make the background an image so I can drop a gradient or some other type of image there.

I’m not a pro, how would you go about doing this?

PS. the other suggestions were right on point!

[thequformnoob]

Bump

[josef777]

Go to settings > Style and add “form outer wrapper” and add to it the following styles

padding: 10px;
width: 215px;
min-width:215px;


play with the above numbers till you are happy !

[thequformnoob]

Awesome, thanks!

I am also having an issue with submission. Take a look at the same link and if you were to hit submit, it would send an email to me because I have the field names inside the fields themselves. So, the form thinks that’s all they need. How do I fix this?

[thequformnoob]

Also, I’m trying to set the background to an image but can’t figure out what path to specify. Any instructions on this?

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[thequformnoob]

Awesome. Check the link now.

However, the input fields aren’t working now. I had to apply some css position changes to them to get them where I wanted. I used position: relative; and then just moved them where I wanted them. The only field that works is the paragraph text.

Any idea what to do?

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[thequformnoob]

Ally, I am more than happy to do that. However, the link you sent me to tells me to go to Codecanyon.net and it looks like it’s a submit box that goes to everyone at themecatcher. I just want it sent to you. Can you email me? madvladchad@gmail.com

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts