1

Hello everyone ,i am presenting you a new design and color combination for contact 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(24deg, #a6c0fe 15%, #f68084 121%) !important;
}
ion-view.contact-view.pane.has-background-image{
   background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%) !important; 
}
ion-view[state="contact-view"] div.list.card{
    border-radius: 1em; 
    border: white 1px solid;
}
ion-view[state="contact-view"] .list.card .item-icon-left .ion-person{
    left: 106px;
}
ion-view[state="contact-view"] .list.card .item-icon-left{
    text-align: center;
     background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 170%);
    border: 0px;
    color: black;
}
ion-view[state="contact-view"] .list.card .item-text-wrap {
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 170%);
    border: 0px;
    color: black;
}
ion-view[state="contact-view"] .list.card .item-icon-left .ng-binding{
    color: black;
}
ion-view[state="contact-view"] .list.card .item-text-wrap .item-custom p{
     color: black; 
}
ion-view[state="contact-view"] div .padding .button-custom{
     border-radius: 6em;
     color: black;
     background-image: linear-gradient(346deg, #a6c0fe 0%, #f68084 170%);
     border: white 1px solid;
}
ion-view[state="contact-view"] div.padding .button-custom i{
    border-radius: 50%;
    background: #e275a8;
    left: -3px;
    width: 45px;
}
ion-view[state="contact-view"] div.padding .button-custom i::before{
    padding-left: 13px;
    padding-top: 4px;
}
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 contact module

User ID : [email protected]
Pwd : 123456

March 28, 2024 1:38 pm