Mẫu Contact Form 7 (CF7) đẹp cho website WordPress có sẵn CSS để sử dụng – TuongAds

div

.

wpforms

container

full

.

wpforms

form

.

wpforms

field

{

    

display

:

flex

;

    

align

items

:

top

;

/* Try changing this to center if you like it better! */

}

div

.

wpforms

container

full

.

wpforms

form

.

wpforms

field

label

{

    

min

width

:

135px

;

/* Needs to be set to longest label (to keep inputs in a straight vertical line) */

    

padding

right

:

20px

;

/* This ensures a gap between label and input */

}

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

date

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

datetime

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

datetime

local

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

email

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

month

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

number

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

password

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

range

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

search

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

tel

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

text

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

time

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

url

]

,

div

.

wpforms

container

full

.

wpforms

form

input

[

type

=

week

]

,

div

.

wpforms

container

full

.

wpforms

form

select

{

    

border

:

none

;

    

border

bottom

:

1px

solid

#888;

    

background

:

transparent

;

}

/* Set background color for entire form */

div

.

wpforms

container

full

{

    

background

color

:

#eee;

}

/* For title area only */

div

.

wpforms

container

full

.

wpforms

form

.

wpforms

title

{

    

background

color

:

orange

;

    

color

:

white

;

    

text

transform

:

uppercase

;

    

padding

:

10px

20px

;

}

/* Wrapper for all fields (not title) — adding padding to make it line up with title (left) and keep it away from container edge */

div

.

wpforms

container

full

.

wpforms

form

.

wpforms

field

container

{

    

padding

left

:

20px

;

    

padding

right

:

20px

}

div

.

wpforms

container

full

.

wpforms

form

textarea

{

    

background

color

:

#ddd;

    

border

:

none

;

}

/* Button */

div

.

wpforms

container

full

.

wpforms

form

.

wpforms

submit

container

{

    

padding

:

10px

20px

20px

0

;

    

text

align

:

right

;

}

div

.

wpforms

container

full

.

wpforms

form

button

[

type

=

submit

]

{

    

background

color

:

orange

;

    

color

:

white

;

    

padding

:

10px

30px

;

    

letter

spacing

:

4px

;

    

font

weight

:

normal

;

    

text

transform

:

uppercase

;

}