Pregunta sobre WooCommerce de Wordpress:

CSS personalizado no funciona en woocommerce

Un usuario preguntó 👇

No puedo cambiar los colores o las dimensiones del gráfico mediante CSS.

Pruebo los códigos en el navegador en el modo auditoría y funcionan, cuando pongo el CSS en el campo personalizado de woocommerce no pasa nada.

No es un tesoro.

No trabaje

/* Lista de ítens */
/* Cor fundo */
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background-color: white;
}

No trabaje

/* Barra superior */
th.product-remove, .cart thead {
	background-color:lightgray!important;
}
/* Botão remover produto */
.product-remove{
	background-color:#e8e8e8!important;
}
th.product-remove {
    width: 10px;
}

No trabaje

/* Remover Imagem dos produtos */
.cart .product-thumbnail{
	display:none!important;
}

Excluyendo otros códigos, ninguno de ellos afecta el gráfico de woocommerce.

Este tema fue modificado hace 6 meses, 2 semanas por.

(@conschneider)

Ingeniero Automático de Felicidad

Hace 6 meses, 2 semanas

Hola,

Pruebo los códigos en el navegador en el modo auditoría y funcionan, cuando pongo el CSS en el campo personalizado de woocommerce no pasa nada.

No es un tesoro.

¿Ves tu CSS cargándose una vez que lo tienes configurado? Captura de pantalla: https://d.pr/i/iIEv4F

¿Vê o CSS a ser carregado depois de o ter adicionado?

Tuyo sinceramente,

Lanzador de hilos

(@delaitec)

Hace 6 meses, 2 semanas

Gracias por la respuesta.

No veo el código cargado.

Estaba agregando el CSS en el área de «CSS adicional» de wordpress. Así que creé un tema hijo e inserté el CSS en el archivo style.css del tema hijo y funcionó.

¿Existe alguna limitación para que la SEC insertada en la “SEC adicional” no afecte la carta?

(@kellymetal)

Hace 6 meses, 2 semanas

Hola,

Me alegra saber que pudo ponerlo a trabajar con el style.css un archivo del tema de su hijo.

Para la sección «CSS adicional» del Cliente, los propietarios del sitio WooCommerce generalmente pueden usar esto para agregar CSS sin ningún problema. Intenté poner tus botones en mi personalizador y funcionó:

Enlace a la imagen: https://d.pr/i/osNpfv

La única vez que no vi que funcionara fue cuando el tema en sí u otro plugin proporcionó una sección separada de CSS personalizado en otro lugar (ya sea en una pestaña diferente de la página del Personalizador o en diferentes configuraciones).

Como ya lo encontró funcionando, puede que no sea tan importante. Pero si quisiera reducir lo que estaba demostrando que la pestaña CSS Extra no funcionaría, recomendaría una prueba de conflicto para averiguar qué estaba fallando:
https://docs.woocommerce.com/document/how-to-test-for-conflicts/

¡Espero que eso ayude!

Lanzador de hilos

(@delaitec)

Hace 6 meses, 2 semanas

Eso es raro. que tema estas usando?

Yo uso genepress, con el plugin premium.

De hecho, me gusta usar la personalización, puedo ver los cambios en tiempo real, usando style.css del tema hijo, tengo que guardar y volver a cargar la página en otra pestaña para ver los cambios.

Me encantaría saber qué causa esto.

(@kellymetal)

Hace 6 meses, 2 semanas

Hola,

Estoy usando el predeterminado Frente de la tienda tema. Sería un buen primer paso cambiarlo temporalmente a Storefront y verificarlo.

De lo contrario, recomiendo desactivar los plugins que no sean WooCommerce para ver si eso le permite editar en el Cliente.

(@kellymetal)

Hace 6 meses, 1 semana

Hola,

No hemos tenido noticias tuyas en un tiempo, así que marcaré este hilo como resuelto. eso espero prueba de conflicto lo ayudó a determinar qué estaba causando el problema. Si tiene alguna pregunta, comience un nuevo hilo.

¡Qué tengas un lindo día!

Lanzador de hilos

(@delaitec)

hace 6 meses

Hola Kelly.

Perdón por la demora, creo que tengo una respuesta para cualquiera que tenga el mismo problema.

¡El error estuvo aquí!

Faltaba el condicional SEC al final de mi código en un bloqueo de teclas.

Este Código solo se ejecutó cuando la pantalla tenía menos de 345px, así que cuando puse el código debajo, no vi los cambios, porque la pantalla era más ancha que esta medida.

Todo lo que tuve que hacer fue agregar una clave más al código a continuación, y todo lo que ingresé más tarde funcionó.

@media only screen and (max-width: 345px) {
.button.single_add_to_cart_button.button.alt {
width: 100%;
}

Gracias por tu ayuda.

(@kellymetal)

hace 6 meses

Hola ann @delaitec,

Gracias por regresar aquí para informarnos qué causó el problema y cómo lo resolvió. ¡Me alegra saber que todo está funcionando ahora! 🙂 🙂

¡Cuídate y que tengas un gran día!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *