0

Hello everyone ,i am presenting you a new design and color combination for Booking module if you want to apply it you can copy the source code from bellow code section and paste it in your color-advance css section.

And if you want any changes please reply in comment section.

Before          After

div.nav-bar-block .bar{
     background-image: linear-gradient(to left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%) !important;
}
ion-view.booking-view.booking-view-l1.pane.has-background-image{
     background-image: linear-gradient(to left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%) !important;
}
ion-view[state="booking-view"] div.list .item-input{
     margin: 6px;
     margin-top: 15px;
     border-radius: 9px;
     background: #e4918b;
     border-color: white;
     border-width: 2px;
     color: white !important;
     font-size: x-large;
}
ion-view[state="booking-view"] div.list{
     margin-bottom: 10px; 
}
ion-view[state="booking-view"] div.list .item-divider{
     background: #ea356f; 
     color: white !important;
     text-align: center;
}
ion-view[state="booking-view"] .item-input .ng-pristine{
    font-weight: bold;
}
ion-view[state="booking-view"] .item-input .ng-binding{
    font-weight: bold;
}
ion-view[state="booking-view"] .button-positive{
     border-radius: 35px;
     width: 95% !important;
     margin-left: 10px;
}
Asked question
Download your FREE cms now

on Combo Modules Purchase

20%

20%

on renewal of expired license

20%

20%

on renewal of active license

20%

40%

on renewal of combo active license

60%

Notes:
No coupon code is required. Applied automatically on the cart.
Combo offer is applicable on the purchase of 2 or more modules/renewal/both.
Terms and conditions apply.

New design for Booking module

User ID : [email protected]
Pwd : 123456

March 29, 2024 7:14 am