Avisos
Vaciar todo

Centrar pedido woocommerce

8 Respuestas
4 Usuarios
0 Reactions
394 Visitas
 Hugo
Respuestas: 24
Eminent Member
Topic starter
 

Hola chicos ¿que tal?
Sabéis si es posible centrar los campos de pago del pedido, os adjunto imagen.
Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 30/06/2018 7:13 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Hugo,

No tengo claro si te refieres a eliminar el bloque derecho "Detalles del pedido" o si es a ampliar el ancho de los campos a ancho completo.

Saludos


 
Respondido : 01/07/2018 1:53 am
 Hugo
Respuestas: 24
Eminent Member
Topic starter
 

Hola ¿que tal?
Pues serían ambas cosas, es decir eliminar la columna de la derecha y hacer que la columna izquierda ocupe todo el ancho de la página, como el que te muestro en el primer ejemplo. Seguramente tenga que tocar código que me da un miedoooooooo jeje
Muchas gracias por tu ayuda


 
Respondido : 01/07/2018 1:31 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Hugo.

Si no quieres tocar código, tienes el siguiente plugin que te ayudara a personalizar la pagina del Checkout de woocommerce

-> https://wordpress.org/plugins/woocommerce-checkout-manager/

Un saludo


 
Respondido : 01/07/2018 2:07 pm
 Hugo
Respuestas: 24
Eminent Member
Topic starter
 

Hola Pepe ¿que tal?
Ese plugin lo llevo utilizando desde hace tiempo y te permite modificar y añadir campos pero hasta donde yo sé no permite realizar la acción que yo deseo.
Si hay que tocar código sin remedio pues tendré que hacerlo pero no tengo ni idea.
graicas


 
Respondido : 02/07/2018 7:36 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si quieres mostrar una sola columna en lugar de dos prueba agregando el siguiente código CSS:

#customer_details .col-1,
#customer_details .col-2{
    width:100%;
}

#customer_details .col-1 label,
#customer_details .col-2 label{
    clear:both;
}

Puedes agregar este código al final de tu archivo style.css o del archivo style.css de tu child theme, otra opción es agregarlo en el personalizador del theme , en la opción de CSS

Saludos.


 
Respondido : 02/07/2018 7:55 pm
 Hugo
Respuestas: 24
Eminent Member
Topic starter
 

Buaahhh quedó perfecto, justo lo que quería Jhon 😉 gracias por tu ayuda


 
Respondido : 02/07/2018 7:59 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Que bueno que lo solucionaste.

Saludos.


 
Respondido : 02/07/2018 9:10 pm