1.65K viewsCSS ( Look and Feel )support
2

Hello,everyone,
if you want commerce pro new design like these image, please paste below code in color -advance css section

ion-view[state="commercepro-category-list"] div.scroll{
 background:#ffe4c4;
}
ion-view[state="commercepro-category-list"] div.rectangle-card{
  background: linear-gradient(170deg, rgba(8, 245, 237, 0.98) 0%, rgba(68, 68, 68, 1)100%);
 width:100%;
  border-top-left-radius:70px;
  border-top-right-radius:70px;
 }
ion-view[state="commercepro-category-list"] div.rectangle-card div.circle-store{
border-radius: 0px;
 height:70px;
  width:110px;  
}
ion-view[state="commercepro-category-list"] div.list .item.item-custom{
border-bottom-left-radius:40px;
  border-bottom-right-radius:40px;
  background:aqua;
} 
ion-view[state="commercepro-category-list"] div.list [ng-show="show_search && collection.length > 0"]{
  background:linear-gradient(170deg, rgba(8, 245, 237, 0.98) 0%, rgba(68, 68, 68, 1)100%);
}
ion-view[state="commercepro-category-list"] .p-0 {
border-radius:50px;
}
ion-view[state="commercepro-category-list"] .pro-categories .category-image img{
  border-radius:50px !important;
   }
 ion-view[state="commercepro-category-list"]  .col-90 .ng-binding{
 list-style-type: none;
  color: #333333;
}
 ion-view[state="commercepro-category-list"] ion-content.scroll-content div.rectangle-card div.col.store-details div.col.store-details div.row.text-center{
color:white !important;    
}
  ion-view[state="commercepro-category-list"] .store-details .col p{
  color: #fff!important;
  }
ion-view[state="commercepro-category-list"] .store-details .col i{
  color: #fff!important;
}
 ion-view[state="commercepro-category-list"] div.rectangle-card p.d-inline{
letter-spacing:-1px;
}


Have a nice day!
Best Regards,
Support Team.

Edited question
0

I like it very much

Answered 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.

commerce pro new design for shop icon

User ID : [email protected]
Pwd : 123456

March 28, 2024 7:06 pm