Added Icons to WC plugin checkout page
This commit is contained in:
34
aluxpay-payment-gateway/assets/css/checkout.css
Normal file
34
aluxpay-payment-gateway/assets/css/checkout.css
Normal file
@@ -0,0 +1,34 @@
|
||||
/* Force payment method label to be column layout */
|
||||
.wc_payment_methods .payment_method_aluxpay_payment_gateway label {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
/* Icons container styling */
|
||||
.aluxpay-payment-icons {
|
||||
display: inline-flex !important;
|
||||
align-items: center !important;
|
||||
gap: 6px;
|
||||
margin-top: 8px !important;
|
||||
margin-left: 0 !important;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aluxpay-payment-icons img {
|
||||
display: inline-block !important;
|
||||
height: 24px !important;
|
||||
width: auto !important;
|
||||
max-width: none !important;
|
||||
vertical-align: middle !important;
|
||||
margin: 0 3px !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width: 768px) {
|
||||
.aluxpay-payment-icons img {
|
||||
height: 20px !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user