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…
http://tinypic.com/r/25rigk7/8
Thanks,
Saira
Hi,
Please have a look at another screenshot of missing border among month dates:
http://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..
http://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