Ink Appointment Plugin - Change background and button colors

Hi,

I want to change the background and button colors for the ink appt plugin. How can I do that and what css code directly addresses those 2 functions.

Thanks

Sherri

 

Hello Sherri,

These all are images. You can edit them from theme directory/ images
form-bg-top.png
form-bg-center.png
form-bg-bottom.png
appointment-btn.png
app-submit-bg.png

Or you can use color in place of these images

For form background color

Code:

.appointment_wrapper .appointment_form_top {
background: YOUR COLOR VALUE;
}
.appointment_wrapper .appointment_form_wrapper {
background: YOUR COLOR VALUE;
}
 
.appointment_wrapper .appointment_form_bottom {
background: YOUR COLOR VALUE;
}

For submit button.

Code:

.appointment_form_wrapper .submit_bg input[type="submit"] {
background: YOUR COLOR VALUE;
}
.appointment_form_wrapper .submit_bg input[type="submit"]:hover {
background: YOUR COLOR VALUE;
}
.appointment_wrapper .appointment_form_wrapper li.submit_bg {
background: YOUR COLOR VALUE;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Thanks that worked (Used Color Value) but I need to know how to make the ink appointment widget the same.

Appreciate your help!

Sherri

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.sidebar.blog .appointment_wrapper .appointment_form_top{
background: YOUR COLOR VALUE;
}
.sidebar.blog .appointment_wrapper .appointment_form_wrapper{
background: YOUR COLOR VALUE;
}
.sidebar.blog .appointment_wrapper .appointment_form_bottom{
background: YOUR COLOR VALUE;
}
.sidebar.blog .appointment_form_wrapper .submit_bg input[type="submit"]{
background: YOUR COLOR VALUE;
}
.sidebar.blog .appointment_wrapper .appointment_form_wrapper .signinformbox .signupForm input[type="submit"]:hover{
background: YOUR COLOR VALUE;
}
.sidebar.blog .appointment_wrapper .appointment_form_wrapper li.submit_bg{
background: YOUR COLOR VALUE;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Thanks! That worked perfectly.