Settings Used

Template Design – 3, Logo URL – None, Logo Size – No Logo, Contact Form Position – Center, Form Background Image – Select Any Image, Contact Form Width-90%, Select Button Design – 2,

Used Background Image

Use Custom CSS

.cfp-container label {
font-weight: bolder;
}
.cfw-sidebar {
    background-color: #28a745 !important;
}
.cfp-container {
    border-radius: 100px !important;
}

Settings Used

Template Design – 3, Logo URL – None, Logo Size – No Logo, Contact Form Position – Center, Form Background Image – Select Any Image, Contact Form Width-90%, Select Button Design – 2,

Used Background Image

Use Custom CSS

.cfp-container label {
font-weight: bolder;
}
.cfw-sidebar {
    background-color: #38b7e8 !important;
}
.cfp-container {
    border-radius: 0px !important;
    border: 2px solid #38b7e8;
}

Settings Used

Template Design – 3, Logo URL – None, Logo Size – No Logo, Contact Form Position – Center, Form Background Image – Select Any Image, Contact Form Width-100%, Select Button Design – 2,

Used Background Image

Use Custom CSS

.cfp-container label {
font-weight: bolder;
}
.cfw-sidebar {
    background-color: #3f3bd6 !important;
}
.cfp-container {
    border-radius: 50px !important;
    border: 10px solid #000144;
}
    .form-area {
    width: 100% !important;
}
form#user-contact-form {
    padding-right: 250px;
}