- This topic has 3 replies, 3 voices, and was last updated 8 years ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › Contact From 7 on Be Fit theme
Hi Guys,
I want to use Contact Form 7 in this website http://www.aimtas.com/ but after I added the contact form 7 shortcode below: The field box is not aligning correctly.
[contact-form-7 id="40" title="Contact form 1"]
Currently, I left the default contact form that came with the theme. Please advice what code to use to fix the issue.
Thank you,
Mary
Hi Mary,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
.wpcf7-form p input[type=”text”], .wpcf7-form p input[type=”email”], .wpcf7-form p input[type=”tel”], .wpcf7-form p textarea{ width:100% !important; box-sizing:border-box;}
.wpcf7-form input[type=”submit”] { background-color: #ff0082; color: #ffffff; cursor: pointer; font: 400 20px/24px “Roboto”,sans-serif; text-transform: uppercase; border: medium none; border-radius: 5px; padding:8px 20px;}
.wpcf7-form input[type=”submit”]:hover{background-color: #111111; color: #ffffff;}
Regards,
Shri
Hi Shri,
I added the above code in the custom CSS box and did not fix the issue.
Please check this contact page link http://www.aimtas.com/index.php/contact/ you so know what I mean.
What we want are the following:
1. align the email field box under your name field box;
2. make contact form background white and text black;
3. And of course, box label aligning the box. Please check this contact form in this website http://www.adayatthecreek.com.au/contact-us/ so you know what we are looking at for aimtas.com contact form
Looking forward to hear from you.
Thank you,
Mary
Hi Mary,
You can try any of these 2 plugins which might work for you:
https://wordpress.org/plugins/contact-form-7-style/
https://wordpress.org/plugins/contact-form-7-skins/
Regards,
Brad
Find the Perfect Premium Directory Listing WordPress Themes and Templates Are you searching for the best directory listing WordPress themes? You’re in the right place. […]
Are you a beauty professional or hair extension specialist? This post highlights the best WordPress themes for hair extensions, designed for salons, beauty brands, and […]
Looking to give your beauty salon’s website a stylish makeover? This post lists the top WordPress themes for beauty salons, spas, and wellness centers. These […]