[guybower1Participant]

Hi

I have just about got everything I need in my contact page working, but the text on the submit is not centred top to bottom. Is it possible to align it that way?

url is feastthailand.com

Here is the code I currently have to format my form:

.wpcf7 button,
.wpcf7 input[type=”submit”],
.wpcf7 [type=”submit”]:hover {
text-shadow: none !important;
border-color: #fe5000 !important;
border-radius: 5px !important;
box-shadow: none !important;
}
.wpcf7 .wpcf7-submit {
color: #fe5000;
border-color: fe5000;
background-color: #f5f5f5;
border-width: 1.5px;
}

.wpcf7 .wpcf7-submit:hover {
color: white;
border-color: #f5f5f5;
background-color: #fe5000;
}
.wpcf7 textarea {
width: 85% !important;
border-color: #ccc5c5;
border-radius: 5px;
}
.wpcf7 input[type=”text”]{
border-radius: 5px !important;
border-color: #ccc5c5 !important;
height:2.5em !important;
width: 85% !important;
}
.wpcf7 input[type=”email”]{
border-radius: 5px !important;
border-color: #ccc5c5 !important;
height:2.5em !important;
width: 85% !important;
}
.wpcf7 p {
margin-bottom: 0;
}

Thanks in advance

Cheers

[guybower1Participant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add this CSS :

input.wpcf7-form-control.wpcf7-submit {
    padding-bottom: 6px;
}

Thanks.

[guybower1Participant]

Yep, terrific Christopher

Thanks again

Cheers

[ChristopherModerator]

You’re welcome.

[guybower1Participant]

hi Christopher

Just something further to the wpcf7

I want to format the label text of the input fields and wasn’t sure which areas to place the code in.

I assume I can just use the following code to handle what I want, but wasn’t sure which area to put it.

font-size: 14px;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1.5px;
text-align: left;
}

These are the formatting CSS inputs so far:

.wpcf7 button,
.wpcf7 input[type=”submit”],
.wpcf7 [type=”submit”]:hover {
text-shadow: none !important;
border-color: #fe5000 !important;
border-radius: 5px !important;
box-shadow: none !important;
}
.wpcf7 .wpcf7-submit {
color: #fe5000;
border-color: fe5000;
background-color: #f5f5f5;
border-width: 1.7px;
}

.wpcf7 .wpcf7-submit:hover {
color: white;
border-color: #f5f5f5;
background-color: #fe5000;
}
.wpcf7 textarea {
width: 85% !important;
border-color: #ccc5c5;
border-radius: 5px !important;
}
.wpcf7 input[type=”text”]{
border-radius: 5px !important;
border-color: #ccc5c5 !important;
height:2.5em !important;
width: 85% !important;

}
.wpcf7 input[type=”email”]{
border-radius: 5px !important;
border-color: #ccc5c5 !important;
height:2.5em !important;
width: 85% !important;
}
input.wpcf7-form-control.wpcf7-submit {
padding-bottom: 8px;
}
.wpcf7 p {
margin-bottom: 0;
}

cheers mate

regards

[LelyModerator]

Hi There,

Please add this at the end of your custom CSS:

.wpcf7 label {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1.5px;
    text-align: left;
}

The selector for the label is .wpcf7 label.

Hope this helps.

[guybower1Participant]

excellent stuff Christopher

Worked a treat. Thanks very much

Regards

[FriechModerator]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts