Un usuario preguntó 👇
Estoy usando Storefront con Woocommerce. Quiero usar una imagen de fondo en todas las páginas excepto en las páginas Tienda, Carrito y Pagar. Configuré la imagen de fondo en Personalizar / Apariencia / Fondo. Pero no hay opción para seleccionar las páginas que desea. Así que puse este código en Extra CSS, que no funcionó. .body.page-id-253, .body.page-id-250, .body.page-id-1072 {background-image: none! importante; } Apreciaría cualquier ayuda.
(@luminus)
Ingeniero Automático de Felicidad
Hace 2 años, 5 meses
@ christianne806,
Los primeros puntos parecen estar en lo que te va mal aquí. El cuerpo no es una clase, es una característica HTML. Entonces deberías concentrarte body.page-id-253 más bien .body.page-id-253.
(@ christianne806)
Hace 2 años, 5 meses
Me complace informar que 3 de cada 4 imágenes de imagen de fondo blanco no deseadas ahora son excelentes (250, 253, 1072). Sin embargo, la imagen de fondo todavía está en 155 (Tienda). Traté de insertarlo por separado y todavía tiene la imagen. Estoy muy agradecido por su orientación.
body.page-id-155, body.page-id-250, body.page-id-253, body.page-id-1072 {background-image: none! importante; color de fondo: #FFFF; }
(@luminus)
Ingeniero Automático de Felicidad
Hace 2 años, 5 meses
@ christianne806,
Eso es porque no existe tal clase de ID de página en la página de la Tienda.
Deberías centrarte en esto en su lugar: body.post-type-archive-product
(@ christianne806)
Hace 2 años, 5 meses
¡Eso funciona! Y gracias por explicarme por qué. Necesito ir un poco más allá para que todas las páginas de la tienda sean accesibles desde la categoría de categoría de búsqueda en la página de la tienda con fondos blancos. La imagen de fondo todavía está ahí en esas páginas de compras. Probé las categorías body.post-type-archive-product-products, pero nuevamente esto es algo por encima de mi nivel de comprensión. Y te agradezco por ti y tus rápidas respuestas.
(@luminus)
Ingeniero Automático de Felicidad
Hace 2 años, 5 meses
@ christianne806,
Querrá utilizar la herramienta de inspección en Google Chrome para averiguar qué clases necesita apuntar y enviar un mensaje de texto a su CSS antes de aplicarlo.
Aquí hay un tutorial que le muestra cómo usarlo: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/.
Eso es exactamente lo que solía centrarme en los elementos y las clases correctos que necesita en mis respuestas anteriores.
(@ christianne806)
Hace 2 años, 5 meses
Finalmente, Sir Luminus, la bombilla de luz se encendió en mi cabeza porque usted suministró la electricidad. Muchas gracias por estar ahí conmigo. ¡Ahora podemos marcar nuestras conversaciones como «resueltas»! ¡Adiós señor!
¿Solucionó tu problema??
0 / 0