Un usuario preguntó 👇
Cómo eliminar algunos de los íconos de la pasarela de pago y acercarlos en la franja de pago.
(@ rynald0s)
Ingeniero Automático de Felicidad
Hace 1 año, 6 meses
¡Hola @mmdesignsldn!
Necesitará utilizar algún código CSS. El siguiente código de muestra elimina los iconos Discover, Diners y JCB
#payment > ul > li.wc_payment_method.payment_method_stripe > label > img.stripe-discover-icon.stripe-icon {
display: none;
}
#payment > ul > li.wc_payment_method.payment_method_stripe > label > img.stripe-diners-icon.stripe-icon{
display: none;
}
#payment > ul > li.wc_payment_method.payment_method_stripe > label > img.stripe-jcb-icon.stripe-icon {
display: none;
}
Puede reemplazar los iconos que desea eliminar.
Si pudiera proporcionar un enlace a su sitio, podría ayudar mejor.
¡Salud!
(@mmdesignsldn)
Hace 1 año, 6 meses
Gracias por tu mensaje. ¿Cómo muestro solo ViSa, American Express y Mastercard y dónde coloco este código CSS?
(@ rynald0s)
Ingeniero Automático de Felicidad
Hace 1 año, 6 meses
¡Hola @mmdesignsldn!
¿Qué íconos muestra actualmente? ¿Puede vincularme a su sitio por favor?
En cuanto a dónde agregar el código CSS, puede ingresarlo en la sección «CSS adicional» de su personalizador, en la vista «Apariencia> Personalizado».
¡Salud!
(@ rynald0s)
Ingeniero Automático de Felicidad
Hace 1 año, 6 meses
¡Hola @mmdesignsldn!
Bien, el siguiente es el CSS completo que puede usar:
.woocommerce-checkout .woocommerce .argmc-wrapper #payment ul.payment_methods li img {
margin: 0 0 0 2px !important;
}
#payment > ul > li.wc_payment_method.payment_method_stripe > label > img.stripe-discover-icon.stripe-icon {
display: none;
}
#payment > ul > li.wc_payment_method.payment_method_stripe > label > img.stripe-diners-icon.stripe-icon{
display: none;
}
#payment > ul > li.wc_payment_method.payment_method_stripe > label > img.stripe-jcb-icon.stripe-icon {
display: none;
}
Agregue eso a la sección «CSS adicional» en el personalizador
¡Salud!
(@harishanker)
Ingeniero Automático de Felicidad
Hace 1 año, 6 meses
Hola @mmdesignsldn
Espero que el CSS personalizado te haya ayudado en la respuesta anterior a resolver el problema.
También en el futuro, no dude en publicar preguntas sobre Stripe en los foros de Stripe aquí: https://wordpress.org/support/plugin/woocommerce-gateway-stripe/
Estoy marcando esto como Resolved
, pero no dude en contactarnos aquí en los foros si tiene más preguntas. Estamos encantados de ayudarle!
¡Buena suerte!
¿Solucionó tu problema??
0 / 0