Formidable « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Upscale

Formidable

11 posts from 2 voices

Started 1 year ago by SSol
Latest reply from Dude
This topic is not a support question

Tags:

No tags yet.

SSol
Member

Dude,
you recommended Formidable to me in another thread for a different theme.
Would you be able to help me with styling this to match Kries's style. Specifically for upscale.

Thanks

Posted 1 year ago #
Dude
Dude

Hey,
yes we can help you to style text input fields, textareas and the send button (however I really like the standard Formidable design, it integrates well in our themes). I can't provide styling for advanced input elements (simply because our contact form doesn't support these elements and there's no predefined style).

Posted 1 year ago #
SSol
Member

Great! What do you need from me?

Posted 1 year ago #
Dude
Dude

I need a link to your formidable pro contact form page.

Posted 1 year ago #
SSol
Member

http://website.ssi-aquipt.com/contact/
I'd also like to use it in the sidebar. the form works great so thanks for the recommendation. I'd just like it to look cleaner as per Kriesi design.

Posted 1 year ago #

Dude
Dude

Try:

.frm_forms .text{
    margin-right: 10px;
    width: 250px;
}

.widget_frm_show_form .text{
    width: 200px;
}

.frm_forms .text, textarea{
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #E1E1E1;
}

.frm_forms .text, textarea{
    border-style: solid;
    border-width: 1px;
    font-family: Arial,Helevtica,Verdana,san-serif;
}

.frm_forms .text, .frm_forms .submit input, .frm_forms .textarea {
    font-family: Arial,Helevtica,Verdana,san-serif;
    font-size: 12px;
    padding: 7px;
}

input, textarea {
    color: #666666;
}

.frm_forms .textarea {
    padding: 10px;
    width: 500px;
}

.widget_frm_show_form .textarea{
    width: 200px;
}

.frm_forms .submit input{
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 7px 12px 6px;
}

.frm_forms label {
    display: block;
    font-size: 11px;
    font-weight: bold;
}

.frm_forms div.form-field {
    padding: 0 0 10px;
}

Make sure that you deactivate the formidable stylesheet - otherwise it overwrites my code.

Posted 1 year ago #

SSol
Member

Great start but some fields missing and it no longer formats when you tick the widget button in the sidebar.
Appreciate the help.

Posted 1 year ago #
Dude
Dude

I added some rules to the code above. Please try it again.

Posted 1 year ago #
SSol
Member

Awesome dude, looks great. Many thanks to you and Kriesi for a great template followed up with great recommendations & support.

Posted 1 year ago #
SSol
Member

Last thing... how do I get the field name above the field box? and not to the left. I'd like all the fields to line up straight.

Posted 1 year ago #
Dude
Dude

I changed the code above a bit:

.frm_forms label {
font-size: 11px;
font-weight: bold;
}

to:

.frm_forms label {
display: block;
font-size: 11px;
font-weight: bold;
}

Posted 1 year ago #