Cambios  

 
javier
 javier
Usuario experto

Buenas tardes se puede hacer que mi pagina de finalizar compra aparezca como estas dos capturas de pantalla

2
1

Esas lineas rojas las he hecho yo, para que quede un poco mas claro lo que quiero hacer.

Busco cuadricular la informacion

Citar
Respondido : 31/05/2020 7:09 pm
javier
 javier
Usuario experto
Respondido por: @1976javierpablogmail-com

Buenas tardes se puede hacer que mi pagina de finalizar compra aparezca como estas dos capturas de pantalla

2
1

Esas lineas rojas las he hecho yo, para que quede un poco mas claro lo que quiero hacer.

Busco cuadricular la informacion

 

ResponderCitar
Respondido : 01/06/2020 12:22 am

Cursos Gratuitos WordPress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Javier, 

Agrega el siguiente CSS en Apariencia -> Personalizar -> CSS Adicional:

table.shop_table{
border-collapse:collapse !important;
}

div.cart_totals, table.shop_table th, table.shop_table td{
border:1px solid red !important;
}

.wc-proceed-to-checkout .button{
margin-bottom:0px !important;
}

h2 table.shop_table th, h2 table.shop_table td{
border:1px solid red !important;
border-left-width:0px !important;
border-right:0px !important;
}

Si deseas que el borde sea mas grueso modifica:

div.cart_totals, table.shop_table th, table.shop_table td{
border:1px solid red !important;
}

Incrementa el 1px a tu elección. 

Si deseas modificar el color solo modifica el red.

Saludos.

ResponderCitar
Respondido : 01/06/2020 1:36 am
javier me gusta
javier
 javier
Usuario experto

@bulmaro-webempresa

Buenas noches, a quedado muy bien, pero ¿podemos dejar fuera del recuadro todos los botones y un poco de ¿¿espacio?? lo indico en la captura

DE PAGINA DE CARRITO

2

 

Y EN LA PAGINA DE FINALIZAR COMRA que los TODOS datos del comprador esten tambien en cuadricula

3

 

Esta publicación ha sido modificada el hace 6 meses por javier
ResponderCitar
Respondido : 02/06/2020 1:10 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Javier,

Por favor sustituye el código enviado por este

table.shop_table{
border-collapse:collapse !important;
}
tr.woocommerce-cart-form__cart-item.cart_item td {
border: solid 1px #000 !important;
}
thead th.product-remove, thead th.product-thumbnail, thead th.product-name, thead th.product-price, thead th.product-quantity, thead th.product-subtotal {
border: solid 1px #000 !important;
}
td.actions {
height: 70px !important;
vertical-align: bottom;
background-color: #ffffff !important;
}
tr.cart-subtotal, tr.cart-subtotal th {
border: solid 1px #000 !important;
}
tr.woocommerce-shipping-totals.shipping, tr.woocommerce-shipping-totals.shipping th {
border: solid 1px #000 !important;
}
tr.order-total, tr.order-total th {
border: solid 1px #000 !important;
}

Cuando lo hagas nos comentas si es lo que necesitas.

Saludos 🖐️ 

ResponderCitar
Respondido : 02/06/2020 1:48 am
javier
 javier
Usuario experto

@argenis

Buenas tardes,acabo de hacer los cambios y os mando unas imagens para mejorar

Esta imagen es de la pagina de carrito

4

 

Y esta esta imagen es de finalizar compra, donde se ha perdido la cuadricula

5

 

Y Css para cuadricular los datos de facturacion en la pagina de finalizar compra ( Si es posibol)

6

 

ResponderCitar
Respondido : 04/06/2020 4:25 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

Prueba agregando el siguiente código CSS

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {

border: solid 1px #000 !important;
}

Un Saludo

 

ResponderCitar
Respondido : 04/06/2020 5:13 pm
javier me gusta
javier
 javier
Usuario experto

@karen

Hola, con el ultimo Css se ha cuadriculado los datos de facturacion, gracias, pero no resuelve

4

image

5

image

Lo haria yo modificando el Css que mandais, pero no tengo ni idea

ResponderCitar
Respondido : 04/06/2020 7:29 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

Entiendo, prueba si el siguiente código CSS funciona para lo que necesitas

table.shop_table {
border-collapse: separate !important;
}

.cart-subtotal td {
border: solid 1px #000 !important;
}

.woocommerce-shipping-totals.shipping td {
border: solid 1px #000 !important;
}

.order-total td {
border: solid 1px #000 !important;
}

Un Saludo

ResponderCitar
Respondido : 04/06/2020 8:45 pm
javier
 javier
Usuario experto

@karen

Hola, perdonar por contestar tan tarde, pero sigue igual Karen

ResponderCitar
Respondido : 10/06/2020 2:36 pm

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

He intentado ingresar a tu sitio web pero veo que no muestra los estilos, has realizado un cambio reciente que ocasionara este error?.

imagen

Un Saludo

ResponderCitar
Respondido : 10/06/2020 4:32 pm