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.
pawan maurya Edited question