How to change color of the theme?

Hi sairajawaid,

if you need to show apcal form theme color like this follow
link

if yes then make changes in given file.
/* this is css instruction for button color*/
1. go to in you plugin directory

2. open menu-pages folder.

3. selct bootstrap-assets folder.

4. select css folder.

5 open bootstrap-apcal.css file.
6 go to line number 2513 and search class apcal_btn-primary
change backgroundcolr as you need.

7.search class apcal_btn-primary.disabled
change background colr as you need.

8. search class apcal_btn-primary.active

change background colr as you need.

/* for apcal form color css code*/

1. go to line number 3350 and search class .apcal_modal
and change background-colr as you need

let me know it work.

Thanks
Abhishek

Thanks abhishek for your prompt help. It worked like a charm but I am having another difficulty now. I changed the columns & rows’ border color from default to pink. All rows and columns color are changed successfully by making changes in Calendar.css but column border on the left to current date is invisible that is, there is no border between Mon & Tue col as of current date, 28th July.

fyi, the above issue is happening only on Firefox, its working fine on Chrome and IE. Also, calendar footer as shown in the link is missing on FF.

can you plz share your site url/

Thanks
Abhishek

I am using dev instance now (using localhost). Can I upload screenshot anywhere here?

Hi,

yes you can upload it Here
its more better if you can provide us url.

Thanks
Abhihsek

Hi,
Here is the link to the screenshot. I am sorry, I can not provide you url now…

https://tinypic.com/r/25rigk7/8

Thanks,
Saira

Hi,

Please have a look at another screenshot of missing border among month dates:

https://tinypic.com/r/288s9d5/8

Thanks,
Saira

Hi,

go to in calenadr.css file line number 30
add this
#calendar-body table {

background-color: #D81616;/* change color as you need*/
}

let me know did it work

Thanks
Abhishek

Hi,

Thanks for your continuous help but this did not work.. Issue is the missing calendar border of current month and the column lines among dates..

https://oi62.tinypic.com/25rigk7.jpg

Have a look,

Thanks again

Hi,

its look like css conflict

use this code
#calendar-body table {

background-color: #D81616!important;/* change color as you need*/
}

let me know.

Thanks
Abhishek