Avisos
Vaciar todo

[Resuelto] Eliminar bordes en los productos de Wocommerce en las entradas

6 Respuestas
3 Usuarios
0 Reactions
18 Visitas
Respuestas: 8
Active Member
Topic starter
 

Hola, no puedo eliminar o configurar los bordes de los productos cuando los inserto en las entradas del blog. 

Tengo conocimientos básicos y no sé si he de modificar el CSS ni dónde hacerlo.

Los vídeos que he visto no se corresponde con lo mio.

Gracias.

Un saludo.


 
Respondido : 07/06/2020 6:57 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Judith,

Para modificar esto debes ingresar un código css, puedes seguir los siguientes pasos:

  • En el escritorio de tu wordpress ingresas al menú de apariencia 
image
  • Luego de las opciones que muestra el panel haces click en personalizar
image
  • Por ultimo te mostrará un panel de edicion del lado izquierdo y tu web a la derecha, aqui buscas entre las opciones de la izquierda el botón que diga Css Adicional usualmente es la última opcion de ese panel
image

Cuando se abre ese menú te va a mostrar un recuadro donde ingresar texto, alli colocas este código:

li.wc-block-grid__product {
border-color: #ffffff !important;
}

Con este código cambiaras el fondo gris de los bordes a blanco por lo que no se eliminan pero si se ocultan, si deseas cambiar el color de esos bordes puedes cambiar el espacio que dice #ffffff !important por otro código de color.

Los códigos de color puedes optenerlos aca → https://htmlcolorcodes.com/

Saludos 🖐️ 


 
Respondido : 07/06/2020 7:28 pm
Respuestas: 8
Active Member
Topic starter
 

@argenis

Muchas gracias. Me funcionó perfectamente!!!

Aunque sigo viendo que no se alinean bien, si pongo que quiero 5 por fila se desplaza la última abajo, supongo que es porque aún está el borde.

Hay alguna manera de quitarlo? 

Te adjunto el link de una entrada para que lo puedas ver. 

https://tusbolsosymochilas.com/como-funciona-una-mochila-con-usb/

Un saludo


 
Respondido : 07/06/2020 8:44 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Judith,

Entiendo el problema, intenta sustituir el código que te comparti previamente con este:

li.wc-block-grid__product {
border: none !important;
margin: 0px !important;
}

Nos comentas si era lo que necesitabas 😉 , saludos 🖐️ 


 
Respondido : 07/06/2020 9:26 pm
Respuestas: 8
Active Member
Topic starter
 

@argenis

Hola, buenos días. 

Muchísimas gracias. Ahora si!!!

Eso era exactamente lo que necesitaba.

Feliz lunes 👋


 
Respondido : 08/06/2020 9:18 am
Pepe
 Pepe
Respuestas: 41132
Illustrious Member Admin
 

Hola   Judith

Genial !! me alegra que lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo 😉 

 

Cerramso el tema.

Un saludo


 
Respondido : 08/06/2020 11:48 am