Change size and color of pending booking and approved booking indicator

  • Resolved jaysg08

    (@jaysg08)


    3 months, 2 weeks ago

    Hi, really loving this plugin. is there a way I can change the color of the box when the it is in pending state or approved booking. I know there is a circle indicator in color yellow and red, can I make those circle bigger incase? Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author thesiim

    (@thesiim)

    Hey
    Yes you can use the following CSS rules.

    Change pending box color
    .box[data-status=bron]{background-color:#6495ED !important;}

    Change approved box color
    .box[data-status=tak]{background-color:#1cdff2 !important;}

    Make pending booking indicator circle bigger
    .box .bron-sign{width:24px;height:24px;}

    Make approved booking indicator bigger
    .box .taken-sign{width:24px;height:24px;}

    • This reply was modified 3 months, 2 weeks ago by thesiim.
    • This reply was modified 3 months, 2 weeks ago by thesiim.
    Thread Starter jaysg08

    (@jaysg08)

    Nice. Just what I need. thanks for the awesome support.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.