How to change color inside input fields

If you think that font color used inside "Make an Appointment with" form are too light, please use following custom CSS code to make it darker:

input[type="text"]::placeholder, input[type="email"]::placeholder, 
 input[type="url"]::placeholder, input[type="date"]::placeholder, input[type="password"]::placeholder, 
input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder, 
select::placeholder, textarea::placeholder {color: #111 !important;}

 Use it inside the custom.css file in the template folder (/css/).

How to remove or hide Request Appointment buttons

If you cannot find those options in component settings, You have two methods:

1. Code Customization (you can override a component view, and remove not needed lines of code)
2. OR, you can use Custom CSS to hide them.

To hide the button "Request Appointment" on the Doctors list use:

.specialists-social-profile > a 
{display: none; cursor: default; pointer-events: none;}

To hide the button "Request Appointment " on the Doctor profile page view use:

.appointment-button, .appointment-button > a ,
 .appointment-button .spmedical-btn 
{display: none; cursor: default; pointer-events: none;  visibility: hidden;}

How to hide the Contact Info block from a Profile page

To hide the doctor Contact Info block - first use the clinic general e-mail in the doctor (specialist) profile edition, I suggest using the same e-mail for all doctors, then as 2nd step use below Custom CSS:

.specialist-contact-info, .specialist-contact-info a 
{display: none;  visibility: hidden; pointer-events: none; padding:0;}