• Resolved rishabhtestwebsite

    (@rishabhtestwebsite)


    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 changing

    This 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]

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change width % of contact form 7 Boxes?’ is closed to new replies.