Um usuário perguntou ?
Estou usando o Storefront com Woocommerce. Quero usar uma imagem de plano de fundo em todas as páginas, exceto nas páginas Loja, Carrinho e Checkout. Eu defino a imagem de fundo em Personalizar / Aparência / Fundo. Mas não há opção para selecionar as páginas desejadas. Então coloquei esse código em Extra CSS, que não funcionou. .body.page-id-253, .body.page-id-250, .body.page-id-1072 {imagem de fundo: nenhuma! importante; } Eu apreciaria qualquer ajuda.
(@luminus)
Engenheiro Automóvel Felicidade
2 anos, 5 meses atrás
@christine806,
Os primeiros pontos parecem ser sobre o que há de errado com você aqui. O corpo não é uma classe, é um recurso HTML. então você deve se concentrar body.page-id-253 mais bem .body.page-id-253.
(@christine806)
2 anos, 5 meses atrás
Fico feliz em informar que 3 de 4 imagens de imagem de fundo branco indesejadas agora são excelentes (250, 253, 1072). No entanto, a imagem de fundo ainda está em 155 (Store). Tentei inseri-lo separadamente e ele ainda tem a imagem. Sou muito grato por sua orientação.
body.page-id-155, body.page-id-250, body.page-id-253, body.page-id-1072 {imagem de fundo: nenhuma! importante; cor de fundo: #FFFF; }
(@luminus)
Engenheiro Automóvel Felicidade
2 anos, 5 meses atrás
@christine806,
Isso porque não existe esse tipo de ID de página na página da Loja.
Você deve se concentrar nisso: body.post-type-archive-product
(@christine806)
2 anos, 5 meses atrás
Isso funciona! E obrigado por explicar o porquê. Preciso ir um pouco além para tornar todas as páginas da loja acessíveis na categoria de categoria de pesquisa na página da loja com fundos brancos. A imagem de fundo ainda está lá nessas páginas de compras. Eu tentei as categorias body.post-type-archive-product-products, mas novamente isso está um pouco acima do meu nível de compreensão. E eu agradeço a você e suas respostas rápidas.
(@luminus)
Engenheiro Automóvel Felicidade
2 anos, 5 meses atrás
@christine806,
Você desejará usar a ferramenta de inspeção no Google Chrome para descobrir quais classes você precisa segmentar e enviar um texto ao seu CSS antes de aplicá-lo.
Aqui está um tutorial que mostra como usá-lo: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/.
Isso é exatamente o que eu usei para focar nos elementos e classes corretos que você precisa nas minhas respostas acima.
(@christine806)
2 anos, 5 meses atrás
Finalmente, Sir Luminus, a lâmpada acendeu na minha cabeça porque você forneceu a eletricidade. Muito obrigado por estar lá comigo. Agora podemos marcar nossas conversas como “resolvidas”! Adeus senhor!
Isto foi útil?
0 / 0