• 1. Is it possible to have the text boxes beside the fields instead of underneath?

    Ex. Name: (box goes here)
    (not here)

    or possibly having 2 fields beside each other with their boxes so our form isn’t so long

    ex. First Name: _____ Last Name: _____
    Company Name: ____ Apartment #: ______

    2. My ‘send’ button looks like all of the buttons on my site but the ‘reset’ button is different and i”m not sure how to make them the same

    This is the form I am working on:
    http://www.mcwebsiteonline2.com/pledge/

    https://wordpress.org/plugins/contact-form-7/

Viewing 6 replies - 1 through 6 (of 6 total)
  • hi, i can help you only on the first part of the request.
    1) to have text box in the same line as the field you have to go to edit- form on contact 7 forms
    and then add to every line

    <p>NOME E COGNOME [text* Nome-Cognome]</p>
    if in different lines instead it is
    <p>NOME E COGNOME</br> [text* Nome-Cognome]</p>

    what i do not know is how to use the sime line for more than one field and text.
    if you discovered this, let me know please.

    Thread Starter chelseakleinsasser

    (@chelseakleinsasser)

    Sorry, I don’t fully understand where to put that code.
    Here is the code I have. I’ve tried pasting it after, in the middle and almost everywhere else and am not sure where you mean.

    Here is the code I have.

    <p>First Name*
    [text* first-name] </p>

    <p>Last Name*
    [text* last-name] </p>

    <p>Company Name
    [text company-name placeholder "optional"] </p>

    <p>Apartment Number
    [text apartment-number] </p>

    <p>Street Address*
    [text* street-address] </p>

    <p>City*
    [text* city] </p>

    <p>Province/State*
    [text* prov] </p>

    <p>Postal/Zip Code*
    [text* postal] </p>

    <p>Country*
    [select coutrylist include_blank “Canada” “USA” “Afghanistan” “Albania” “Algeria” “American Samoa” “Andorra” “Angola” “Anguilla” “Antarctica” “Antigua and Barbuda” “Argentina” “Armenia” “Arctic Ocean” “Aruba” “Ashmore and Cartier Islands” “Atlantic Ocean” “Australia” “Austria” “Azerbaijan” “Bahamas” “Bahrain” “Baker Island” “Bangladesh” “Barbados” “Bassas da India” “Belarus” “Belgium” “Belize” “Benin” “Bermuda” “Bhutan” “Bolivia” “Bosnia and Herzegovina” “Botswana” “Bouvet Island” “Brazil” “British Virgin Islands” “Brunei” “Bulgaria” “Burkina Faso” “Burundi” “Cambodia” “Cameroon” “Cape Verde” “Cayman Islands” “Central African Republic” “Chad” “Chile” “China” “Christmas Island” “Clipperton Island” “Cocos Islands” “Colombia” “Comoros” “Cook Islands” “Coral Sea Islands” “Costa Rica” “Cote d’Ivoire” “Croatia” “Cuba” “Cyprus” “Czech Republic” “Denmark” “Democratic Republic of the Congo” “Djibouti” “Dominica” “Dominican Republic” “East Timor” “Ecuador” “Egypt” “El Salvador” “Equatorial Guinea” “Eritrea” “Estonia” “Ethiopia” “Europa Island” “Falkland Islands (Islas Malvinas)” “Faroe Islands” “Fiji” “Finland” “France” “French Guiana” “French Polynesia” “French Southern and Antarctic Lands” “Gabon” “Gambia” “Gaza Strip” “Georgia” “Germany” “Ghana” “Gibraltar” “Glorioso Islands” “Greece” “Greenland” “Grenada” “Guadeloupe” “Guam” “Guatemala” “Guernsey” “Guinea” “Guinea-Bissau” “Guyana” “Haiti” “Heard Island and McDonald Islands” “Honduras” “Hong Kong” “Howland Island” “Hungary” “Iceland” “India” “Indian Ocean” “Indonesia” “Iran” “Iraq” “Ireland” “Isle of Man” “Israel” “Italy” “Jamaica” “Jan Mayen” “Japan” “Jarvis Island” “Jersey” “Johnston Atoll” “Jordan” “Juan de Nova Island” “Kazakhstan” “Kenya” “Kingman Reef” “Kiribati” “Kerguelen Archipelago” “Kosovo” “Kuwait” “Kyrgyzstan” “Laos” “Latvia” “Lebanon” “Lesotho” “Liberia” “Libya” “Liechtenstein” “Lithuania” “Luxembourg” “Macau” “Macedonia” “Madagascar” “Malawi” “Malaysia” “Maldives” “Mali” “Malta” “Marshall Islands” “Martinique” “Mauritania” “Mauritius” “Mayotte” “Mexico” “Micronesia” “Midway Islands” “Moldova” “Monaco” “Mongolia” “Montenegro” “Montserrat” “Morocco” “Mozambique” “Myanmar” “Namibia” “Nauru” “Navassa Island” “Nepal” “Netherlands” “Netherlands Antilles” “New Caledonia” “New Zealand” “Nicaragua” “Niger” “Nigeria” “Niue” “Norfolk Island” “North Korea” “North Sea” “Northern Mariana Islands” “Norway” “Oman” “Pacific Ocean” “Pakistan” “Palau” “Palmyra Atoll” “Panama” “Papua New Guinea” “Paracel Islands” “Paraguay” “Peru” “Philippines” “Pitcairn Islands” “Poland” “Portugal” “Puerto Rico” “Qatar” “Reunion” “Republic of the Congo” “Romania” “Russia” “Rwanda” “Saint Helena” “Saint Kitts and Nevis” “Saint Lucia” “Saint Pierre and Miquelon” “Saint Vincent and the Grenadines” “Samoa” “San Marino” “Sao Tome and Principe” “Saudi Arabia” “Senegal” “Serbia” “Seychelles” “Sierra Leone” “Singapore” “Slovakia” “Slovenia” “Solomon Islands” “Somalia” “South Africa” “South Georgia and the South Sandwich Islands” “South Korea” “Spain” “Spratly Islands” “Sri Lanka” “Sudan” “Suriname” “Svalbard” “Swaziland” “Sweden” “Switzerland” “Syria” “Taiwan” “Tajikistan” “Tanzania” “Thailand” “Togo” “Tokelau” “Tonga” “Trinidad and Tobago” “Tromelin Island” “Tunisia” “Turkey” “Turkmenistan” “Turks and Caicos Islands” “Tuvalu” “Uganda” “Ukraine” “United Arab Emirates” “United Kingdom” “Uruguay” “Uzbekistan” “Vanuatu” “Venezuela” “Viet Nam” “Virgin Islands” “Wake Island” “Wallis and Futuna” “West Bank” “Western Sahara” “Yemen” “Yugoslavia” “Zambia” “Zimbabwe”]

    <p>Phone Number
    [text your-phone]</p>

    <p>Email*
    [email* your-email] </p>

    You can make a one time pledge, a monthly contribution, or both.
    [checkbox* your-country use_label_element “A Monthly Pledge of:”] [text* AmountofDonation placeholder “$”]
    [checkbox* your-country use_label_element “A One time pledge of:”] [text* AmountofDonation placeholder “$”]

    <p>[submit “Send”]<input type=”reset” /></p>

    hi

    i do not know to be honest.
    if you already have
    <p>First Name* [text* first-name] </p>
    this should get you
    Ex. Name: (box goes here)
    (not here)
    already.

    about the 2 columns i found this tutorial about how to restyle the form, and there is also a version for responsive webs.
    maybe it is useful for you, i still did not tried it

    http://www.wpsnippet.com/create-a-two-column-form-using-contact-form-7/

    ex. First Name: _____ Last Name: _____
    Company Name: ____ Apartment #: ______

    You could consider using Contact Form 7 Skins to style your Contact Form 7 Forms.

    You can now use the add-on CF7 Skins Ready to put text beside form fields or put two fields beside each other .

    My ‘send’ button looks like all of the buttons on my site but the ‘reset’ button is different and i”m not sure how to make them the same

    There is no styling for the reset button in your theme. I have inspected your form with firebug and provided you with the code that would make your reset button look the same as your submit button.

    .wpcf7-form [type="reset"] {
        color: #fff;
        text-transform: uppercase;
        background-color: #87A9BF;
        border-radius: 0.25em;
        font-size: 13px;
        width:58px;
        height: 28px;
    ​    border: none;
    }

    Add your CSS via Child Theme or use custom CSS plugin.
    ​​
    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms.

    hello can you tel me how can i decrease massage box length

    @sjvrao as per the Forum Welcome, you may post your own topic so that I can assist you.

    Please remember​ to add the link to your contact form.​​

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Customizing Contact Form 7’ is closed to new replies.