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 鈥淪EC 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.