Viewing 11 replies - 1 through 11 (of 11 total)
  • 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

    Thread Starter sairajawaid

    (@sairajawaid)

    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.

    Thread Starter sairajawaid

    (@sairajawaid)

    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

    Thread Starter sairajawaid

    (@sairajawaid)

    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

    Thread Starter sairajawaid

    (@sairajawaid)

    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

    Thread Starter sairajawaid

    (@sairajawaid)

    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

    Thread Starter sairajawaid

    (@sairajawaid)

    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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to change color of the theme?’ is closed to new replies.