Changing background color on top (behind Appointway text)

Hi, we created a custom logo for our business and we just bought the Appointway theme. As I am setting it up, I realized that none of the colors match well with our logo (purple/gray/black). Is there anyway to change the background color to white?

 

Hello,

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

Code:

 .header_container {
background: #fff;
}

Thanks & Regards
Gourav Shrivastava

 

Hi Gourav,
thank you, but now that the top background is white. The phone number (which has been WHITE) on the top right side will not show up. Anyway to change the color for the phone numbers?
thanks.

 

Hello,

Could you please specify your issue with the help of screenshot images and also share us your website link.

 

Hi Piyush,

The website is shantiacu.com, if you look at the top right corner, next to the "phone icon", you can see that the phone numbers are white, so it's not showing up on white background. So i would like to change the color of the phone number. Maybe to either purple or black

Dont see the option for me to insert screen shots, so please go to shantiacu.com and look on the top right for the phone icon

thanks

 

ok, i just found way to upload file, so here's the image. I highlighted the phone number, so you can see, but on the website it is in white right now.
thanks

 

Hello,

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

Code:

 .call-us p {
color: purple;
}

Thanks & Regards
Gourav Shrivastava

 

Thank you Gourav, I have some more quesitons:

1. On the Home page, the side bar area: Where it says Hours. I entered my information, but the texts are all wrapped together without any spacing. I would like to make it look like this:

Mon,Wed, Fri: 9:00am- 4:30pm; 5:30pm-9:30pm

Tues,Thur: 5:00pm- 9:00pm

Saturday: By Appointment Only

Sunday: Closed

While Appointments are recommended to reduce wait time, we are always available for walk-in treatments (no appointments necessary) on Monday, Wednesday, and Friday from 10am-4:00pm


2. Also, on the phone number color on the top. I was able to change it to "purple" or "black" by changing the name in the CSS code. Any way to make the text larger?
*With that said, how about the size of the "phone" icon? Can that be larger too?

thank you!

 

Sorry, hit sent too fast. Here's my 3rd question:

On the Home page, the side bar for "Appointment" - The "fill-in" areas and the "selections areas" are all showing in a very light text color, it is very difficult to see clearly. Anyway to change the color so it's visible?

thanks,

 

Hello,

1. Use line break tag were you want to break the line

For example

Code:

 <br>

2.

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

Code:

.call-us p {
font-size: 26px;
} 

3.

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

Code:

.appointment_wrapper .appointment_form_wrapper input[type="text"], .appointment_wrapper .appointment_form_wrapper input[type="email"] {
color: red;
}
.appointment_form_wrapper .select_item select.inktext {
color: red;
}
#aptmessage {
color: red;
}
 

Thanks & Regards
Gourav Shrivastava

 

Hi Gourav,
Thanks, few more questions:

1. I still cannot break the line using <br>, because i don't know what else to type. Please see the screen below:
I dont know how to break it like I show you above.


2. When I view the website (shantiacu.com) on my iphone, the phone number next to "Call Now" is white, so you cannot see the phone numbers.
*where on the website is showing black.

 

Hello,

1. Go to
Appearance > Theme Option > Home Page Feature Sidebar > Timing Description

and replace current text with text given below

Code:

 M,W, F: 9:00am- 4:30pm; 5:30pm-9:30pm<br><br> Tue,Thur: 5:00pm- 9:00pm<br><br> Saturday: By Appointment Only <br><br>Sunday: Closed <br><br>While Appointments are recommended to reduce wait time, we are always available for walk-in treatments (no appointments necessary) on Monday, Wednesday, and Friday from 10am-4:00pm

Now,

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

Code:

.feature_sidebar .feature_addressbar ul li span.content {
width: 280px;
} 

2. We have checked your website and it is working fine, I think it is a cache issue, So please check your website in another browser and clear your device cache.This will solve your issue.


Thanks & Regards
Gourav Shrivastava