Change theme color

Hello @riccardorossi92

First of all Thanks for choosing Appointment Theme.

Actually! It is pro features.

So kindly tell us if you want to change color which one section of your site. we will give you a CSS code for change color as per your requirement.

Do let me know if you need more assistance…!

Regards
—
Shahid

• This reply was modified 8 years ago by Shahid Mansuri.

I would like to change color of fontawesome icon, menu items and the big bar inside page

Hi

Kindly paste the code given below in Custom CSS field (Appearance -> Customize -> Header settings -> Custom CSS).

1. For fontawesome icon:

.service-icon i { color: #ff0000; }

2. For Menu items:

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
color: #ff0000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #ff0000 !important;
}

3. For big bar inside pageBar:

.page-title-section { background-color: #ff0000; }

And you can change color code above as you want to do.

For more help refer this screenshot url: https://prntscr.com/emokc8

Do let me know if you need more assistance…!

Regards
—
Shahid

Thank you! I also found how to change the scroll button, last question, how can I change the color of the line at the end of the page?

EDIT: i also have a contact from create with jetpack plugin but the button is white, how can i change the line of the button and also the color?

• This reply was modified 8 years ago by Riccardo Rossi.

Hi @riccardorossi92

Kindly paste the code given below in Custom CSS field (Appearance -> Customize -> Header settings -> Custom CSS).

1. For Change button css:

.contact-form input[type=”submit”] {
background-color: #ff0000;
box-shadow: 0 3px 0 0 #ff0000;
color: #fff;
}

2. For change color of the line end of page:

.footer-copyright-section {
border-bottom: 5px solid #ff0000;
}

Hope it will resolve your issue…!

Regards
—
Shahid

Perfect!! Thank you very much

Dear @riccardorossi92

If you are happy with Appointment theme Could you please provide us review on www.ads-software.com. Review from can be found here:

https://www.ads-software.com/support/theme/appointment/reviews/#new-post

Warm Regards
—
Shahid

Hello!

I just need to change the arrow color.
Would you give me the css code?
Thank you very much!
Emma.

And the color of the submenu items.
Thank you!

Hi @emmacpaz

Kindly create a new ticket for your issue bcoz this ticket already resolved.

refer this link create a new ticket: https://www.ads-software.com/support/theme/appointment/#new-post

Thanks