Seleccionar página

Existe un problema con Woocoomerce en la página del pedido, no sé si es algo relacionado con DIVI, pero ya lo he visto en más tiendas online sin Divi.

La idea es poner dos columnas una a la izquierda con los datos que rellena el cliente y otra a la derecha con el resumen de compra y los métodos de pago.

Algo así:

Adjunto el siguiente código.

  • Indica que coloque en dos columnas para pantallas de más de 900px
  • Está preparado para un tamaño del contenedor… Si tenéis un padding o margin laterales quizás tengas que bajar un poco el ancho de alguna parte (48% poner algo menos)

/*PAGINA DE PAGO EN DOS COLUMNAS*/
@media (min-width: 900px) {
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: left;
width: 100%;}

#customer_details,
#order_review_heading,
#order_review {
width: 48%;}

#customer_details {
float: left;}

#order_review_heading,
#order_review {
float: right;}

#order_review_heading {
clear: none;
padding-top: 0;}

}

Articulos relacionados
Cambiar el orden de las columnas en Divi version Movil

Una de las cosas que menos me gusta de Divi son pequeños detalles que le faltan sobre todo en la Read more

Cookies personalizadas para wordpress

Si buscas optimizar un poco tu página web una buena solución es poner las cookies por código y así te Read more

Cambiar el icono menu Movil en Divi

Una de las cosas que menos me gusta de Divi, es el menu movil, como muestra las opciones  el icono, Read more

Aumentar el tamaño del logo en Divi [Versión Móvil]

Un pequeño problema que surge a la hora de usar Divi es que en la versión móvil el logo se Read more