Biblioteca de ayuda - Integración con WooCommerce

Encuentra la documentación completa y detallada de todas las funcionalidades de Omniwallet.

  1. Home
  2. »
  3. Biblioteca de ayuda
  4. »
  5. Integraciones
  6. »
  7. Integración con WooCommerce
  8. »
  9. Como Modificar Estilo de Caja Puntos Omniwallet en Woocommerce

Como Modificar Estilo de Caja Puntos Omniwallet en Woocommerce

Esta documentación te enseñará como cambiar o ajustar los estilos de la caja de canjeo de puntos de Omniwallet que se encuentra en el resumen del carrito de compra dentro de WooCommerce.

1. Accede al administrador de WordPress: entra al administrador de WordPress. Una vez dentro en el apartado ‘Apariencia -> Personalizar’ encontraremos otro menú, y al final de este el apartado ‘CSS adicional’. Es aquí donde añadiremos un nuevo estilo CSS que nos permitirá cambiar el diseño de la caja de canjeo de puntos.

2. Añade el código: luego añade el siguiente código. Explicamos a continuación linea por linea para que sirve cada cosa:


body.woocommerce-cart .omwall-points-container {
background-color: #f8f8f8; /* Cambia el color de fondo de la caja. */
border-color: #cecece; /* Cambia el color del borde exterior de la caja. */
border-radius: 5px; /* Para añadir un redondeo en el borde exterior de la caja. */
}
body.woocommerce-cart .omwall-points-container .omwall-text,
body.woocommerce-cart .omwall-points-container .omwall-button {
color: #000000; /* Cambia el color del texto. */
font-size: 16px; /* Cambia el tamaño de letra del texto. */
font-weight: 300; /* Para cambiar el grosor o negrito del texto. */
}

3. Publica los cambios: Una vez editado lo que se requiera, hay que clicar en el botón azul ‘Publicar’ para que se apliquen los cambios.