How to change width % of contact form 7 Boxes?
-
I want to change the width percentage of few boxes which I have mentioned below.
I have changed width of few boxes by adding additional CSS in the theme
but few boxes width are not changingThis is the front end coding of my contact form 7
_________________________________________________________
<label> Your Name (required)
[text* your-name] </label><label> Your Email (required)
[email* your-email] </label><label> Your Phone (required)
[tel* tel-40] </label><label> Services </label>
[checkbox checkbox-261 use_label_element “Social Media Marketing” “Search Engine Optimization (SEO)” “Google Ads” “Email Marketing” “Website Development”]<label> Tell us about your project
[textarea textarea-112] </label><label>Project URL (Leave it blank if unavailable) </label>
[text ProjectURL]Upload a File (optional)
[file file-609]<label> Preferred mode of contacting you </label>
[select menu-245 “Call” “WhatsApp” “Email”]
_________________________________________________________This is my additional CSS
input[type=”text”] {
background-color: #fff;
color: #000;
width: 75% !important;
}input[type=”email”] {
background-color: #fff;
color: #000;
width: 75% !important;
}input[type=”tel”] {
background-color: #fff;
color: #000;
width: 75% !important;
}
_______________________________________________________These additional codes have changed the width to 75% of 4 items of the form
which are ‘name’ ’email’ and ‘phone’ and ‘project URL’But I want to also change the width of the remaining items, which are
<label> Your Message
[textarea textarea-112] </label>Upload a File (optional)
[file file-609]<label> Preferred mode of contacting you </label>
[select menu-245 “Call” “WhatsApp” “Email”]
_________________________________________________What additional codes do I have to write for these 3 items
Please Help !! Thanks in advance.
The page I need help with: [log in to see the link]
- The topic ‘How to change width % of contact form 7 Boxes?’ is closed to new replies.