CSS Styles

Home Forums Quform WordPress CSS Styles

This topic is: not resolved
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2960
    thequformnoob
    Participant

    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?

    #2965
    Allan
    Support Staff

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

    #2973
    thequformnoob
    Participant

    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!

    #3030
    thequformnoob
    Participant

    Bump

    #3032
    josef777
    Participant

    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 !

    #3033
    thequformnoob
    Participant

    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?

    #3034
    thequformnoob
    Participant

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

    #3037
    Ally
    Support Staff

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

    #3049
    thequformnoob
    Participant

    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?

    #3057
    Ally
    Support Staff

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

    #3064
    thequformnoob
    Participant

    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

    #3081
    Ally
    Support Staff

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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy