Mengubah tampilan tombol Privacy Policy, Save, Request Data, dan Lagout pada halaman Register modul My Account.
Mengatur Padding agar ukuran panjang button serasi
/* Mengatur padding halaman register account */
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) .padding {
padding: 0 !important;
}
Mengubah warna text pada tombol
/* Ubah warna text tombol privacy policy, requset token, dan lagout di register page */
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) span[ng-click="showPrivacyPolicy()"] span,
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) div[ng-click="requestGdprToken()"] span,
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) [ng-click="logout()"] span {
color: #fff !important;
}
Mengubah bentuk dan ukuran tombol
/* Tombol lagout di register page */
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) [ng-click="logout()"],
/* Tombol resquest personal data di register page */
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) div[ng-click="requestGdprToken()"],
/* Tombol save di register page */
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) .button.button-positive-custom,
/* Tombol privacy policy di register page */
ion-modal-view.customer-view.customer-layout1 div.scroll>div:nth-child(3) span[ng-click="showPrivacyPolicy()"] {
border-color: rgba(12, 96, 238, 1);
background-color: rgba(23, 104, 137, 1);
color: #fff !important;
width: 90%;
margin: 0 5%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
margin-top: 10px;
}
Catatan:
CSS di atas hanya berlaku di halaman register modul My Account