Comments dabomb started the conversationMay 31, 2018 at 2:54pmHow do I change the style of the input fields for forms to be more like this example:http://themenectar.com/demo/salient/contact/Instead of this example:http://themenectar.com/demo/salient-corporate-2/corporate-2-contact-us/ 3,032Andrew repliedJune 1, 2018 at 9:24amHi dabomb,To get that look in the contact form, go to salient \ form styling - overall form style - set that to inherit from theme skin.Enable fancy select, set that to off and the submit button style set that to default.That should give you a similar look.Cheers.dabomb repliedJune 1, 2018 at 3:11pmUnfortunately I already selected the theme skin, and it doesn't have the styling for the forms I'm looking for. What would my next option be? I'm already done designing most of the site.http://www.mythicllc.info/Please advise.Thanks! Andrew replied privately dabomb replied privately 3,032Andrew repliedJune 3, 2018 at 11:27amHi Larry,We logged in and it seems you had not switched that form styling - overall form style option to inherit from the theme.We also set the button style to default and the form at the bottom of your homepage looks like the demo here http://themenectar.com/demo/salient/contact/Cheers. dabomb replied privately 3,032Andrew repliedJune 4, 2018 at 11:38amHi Larry,You need to change the rows value on the contact form 7 [textarea.... shortcode.The shortcode can be found in contact \ contact forms - select the form you want to edit. The shortcode is in Form tab on that page.Locate the [textarea... text areas field and add something like [textarea your-message 40x5]This is from the example here https://contactform7.com/text-fields/#textareaThe default is 40x10 but you want to reduce height which means reducing the rows to 5 hence the 40x5Hope this helps. Sign in to reply ...
How do I change the style of the input fields for forms to be more like this example:
http://themenectar.com/demo/salient/contact/
Instead of this example:
http://themenectar.com/demo/salient-corporate-2/corporate-2-contact-us/
Hi dabomb,
To get that look in the contact form, go to salient \ form styling - overall form style - set that to inherit from theme skin.
Enable fancy select, set that to off and the submit button style set that to default.
That should give you a similar look.
Cheers.
Unfortunately I already selected the theme skin, and it doesn't have the styling for the forms I'm looking for. What would my next option be? I'm already done designing most of the site.
http://www.mythicllc.info/
Please advise.
Thanks!
Hi Larry,
We logged in and it seems you had not switched that form styling - overall form style option to inherit from the theme.
We also set the button style to default and the form at the bottom of your homepage looks like the demo here http://themenectar.com/demo/salient/contact/
Cheers.
Hi Larry,
You need to change the rows value on the contact form 7 [textarea.... shortcode.
The shortcode can be found in contact \ contact forms - select the form you want to edit. The shortcode is in Form tab on that page.
Locate the [textarea... text areas field and add something like
[textarea your-message 40x5]
This is from the example here https://contactform7.com/text-fields/#textarea
The default is 40x10 but you want to reduce height which means reducing the rows to 5 hence the 40x5
Hope this helps.