botones  

 
javier
 javier
Usuario experto

hola.

¿se podria añadir un boton de eliminar en la pagina de carrito? sustituir la X

77

Citar
Respondido : 23/05/2020 1:03 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Javier,

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

tr.woocommerce-cart-form__cart-item td a.remove{
content;"Eliminar" !important;
display: contents !important;
}

Saludos 🙂

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 23/05/2020 10:38 am

Cursos Gratuitos WordPress

javier
 javier
Usuario experto

@bulmaro-webempresa

Buenas tardes

uno asi con forma de X ya me viene por defecto. seria uno en plan boton a color y con texto si es posible, gracias

1

 

ResponderCitar
Respondido : 23/05/2020 3:10 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo una x como parte del registor.

Primero remueve todo el código que hayas agregado ya que esa X es muy raro que aparezca

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/05/2020 6:13 pm

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

javier
 javier
Usuario experto

@jmarreros

eliminado

image

 

ResponderCitar
Respondido : 23/05/2020 10:02 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

Prueba agregando el siguiente código CSS  en Apariencia -> Personalizar -> CSS Adicional

a.remove::before {
font-family: 'Poppins' !important;
content: "Eliminar" !important;
font-size: 10px !important;
padding-top: .5em !important;

}

a.remove {
display: block!important;
width: 100%!important;
height: auto;!important;
line-height: 1.618!important;
border: solid #4d4d4d 1px !important;
}

table.cart td.product-remove {
padding-top: 2.5em!important;
}

 

Un Saludo

ResponderCitar
Respondido : 24/05/2020 12:08 am

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

javier
 javier
Usuario experto

@karen

buenas tardes. se ha quedado a medias y sin color

image

ResponderCitar
Respondido : 24/05/2020 3:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba reemplazar tu código anterior por el siguiente código:

a.remove::before {
font-family: 'Arial' !important;
content: "Eliminar" !important;
font-size: 10px !important;
padding-top: .5em !important;

}

a.remove {
display: block!important;
width: 56px!important;
height: auto;!important;
line-height: 1.618!important;
border: solid #4d4d4d 1px !important;
border-radius: 5px;
}

table.cart td.product-remove {
padding-top: 2.5em!important;
}

 

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/05/2020 3:48 pm

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

javier
 javier
Usuario experto

@jmarreros

Gracias, esta bastante bien, ¿podriamos mejorarlo?

¿poniendo color y haciendolo mas grande?

11

 

ResponderCitar
Respondido : 24/05/2020 4:47 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código reemplazando el que tienes, puedes cambiar red y black por los códigos de color que desees

 

a.remove::before {
font-family: 'Arial' !important;
content: "Eliminar" !important;
font-size: 10px !important;
padding-top: .5em !important;
color:white;

}

a.remove:hover{
background:black;
}
a.remove {
display: block!important;
width: 60px!important;
height: auto;!important;
line-height: 1.618!important;
border:none!important;
border-radius: 5px;
background-color:red;
}

table.cart td.product-remove {
padding-top: 2.5em!important;
}

 

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/05/2020 5:23 pm

Cursos Gratuitos WordPress

javier
 javier
Usuario experto

@jmarreros

buenas tardes otra vez yo, es que siguo viendolo pequeño, ¿podriamos hacerlo mas grande? Del tamaño del boton de cantidad. y ponerle un borde tambien del mismo color.

Soy muy tiquis miskis

11

Cuando terminemos de darle vueltas al boton iremos a ver como a quedado en el movil 🙂 gracias

ResponderCitar
Respondido : 25/05/2020 4:06 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

Prueba modificando la opción de ancho y el borde en el código anterior. Por ejemplo

a.remove {
display: block !important;
width: 80px !important;
height: 35px !important;
line-height: 1.618 !important;
border-radius: 5px;
background-color: #fff;
border: 1px solid #dd8500 !important;
}

a.remove::before {
color: #000 !important;
line-height: 2em !important;
}

Un Saludo

This post was modified hace 4 meses por Karen Rios
ResponderCitar
Respondido : 25/05/2020 4:31 pm
javier me gusta

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

Por favor Iniciar Sesión o Registro