0

Hello everyone, there is a new design and color combination for calendar 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       

ion-view.event-view.pane.has-background-image{
    background-image: linear-gradient(to right, lightgray 0%, lightgray 100%) !important;
}
div.nav-bar-block .bar{
    background-image: linear-gradient(to right, #434343 0%, black 100%) !important;  
}
ion-view[state="event-list"] div.scroll .list .item-divider{
    width: 28%;
    margin: 7px 9px 7px;
    background: #a18cd1;
    color: orange;
    border-radius: 0.5em;
     }
ion-view[state="event-list"] div.scroll .list .item-custom{
    height: 260px; 
    background: lightgray;
    border-bottom :none;
   }
ion-view[state="event-list"] div.scroll .list .item-custom img{
    max-width: 350px !important;
    height: 72%;
    max-height: 200px !important;
    left: 0;
    top :0px;
    padding: 10px;
    border-radius: 1em;
     }
ion-view[state="event-list"] div.scroll .list .item-custom h2{
    margin-top: 75%; 
    margin-left: -30%;
    font-size: 18px;
    color: orange;
     }
ion-view[state="event-list"] div.scroll .list .item-custom p{
    margin-left: -30%;
    font-weight: bold; 
}
ion-view[state="event-view"] div.scroll .list .item-custom{
    width: 40%;
    margin: 10px; 
    border-radius: 1em;
    background: lightgray;
    padding-top: 4px;
    padding-bottom: 4px;
}
ion-view[state="event-view"] div.scroll .list .item-image{
    margin: 10px;
    border-radius: 1em;
}
ion-view[state="event-view"] div.scroll .list .item-divider{
    margin-top: 10px;
    width: 40%;
    margin-left: 30%;
    border-radius: 1em;
    background: lightgray;
}
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 calendar module

User ID : [email protected]
Pwd : 123456

March 28, 2024 7:08 pm