WordPress WooCommerce Pergunta: CSS personalizado não funciona no woocommerce

Um usuário perguntou ?

Não consigo alterar as cores ou dimensões do gráfico usando CSS.

Eu testo os códigos no navegador em modo de auditoria e eles funcionam, quando coloco o CSS no campo personalizado do woocommerce nada acontece.

Não é um tesouro.

Não trabalhe

/* 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;
}

Não trabalhe

/* 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;
}

Não trabalhe

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

Excluindo outros códigos, nenhum deles afeta o gráfico do woocommerce.

Este tópico foi modificado 6 meses, 2 semanas atrás por.

(@conschneider)

Engenheiro Automóvel Felicidade

6 meses, 2 semanas atrás

Olá,

Eu testo os códigos no navegador em modo de auditoria e eles funcionam, quando coloco o CSS no campo personalizado do woocommerce nada acontece.

Não é um tesouro.

Você vê seu CSS carregando depois de configurá-lo? Captura de tela:

Vejo o CSS a ser carregado depois ou adicionado?

Com os melhores cumprimentos,

lançador de tópicos

(@delaitec)

6 meses, 2 semanas atrás

Obrigado pela resposta.

Não vejo o código carregado.

Eu estava adicionando o CSS na área “CSS Adicional” do wordpress. Então eu criei um tema filho e inseri o CSS no arquivo style.css do tema filho e funcionou.

Existe alguma limitação para que a SEC inserida na “SE adicional” não afete a carta?

(@kellymetal)

6 meses, 2 semanas atrás

Olá,

Fico feliz em saber que você conseguiu colocá-lo para funcionar com o style.css um arquivo do tema do seu filho.

Para a seção “CSS Adicional” do Cliente, os proprietários do site WooCommerce geralmente podem usar isso para adicionar CSS sem nenhum problema. Eu tentei colocar seus botões no meu personalizador e funcionou:

Link para imagem:

A única vez que não vi funcionar foi quando o próprio tema ou outro plugin forneceu uma seção CSS personalizada separada em outro lugar (em uma guia diferente da página do Personalizador ou em configurações diferentes).

Como você já achou que funciona, pode não ser tão importante. Mas se você quisesse restringir o que estava mostrando que a guia Extra CSS não funcionaria, eu recomendaria um teste de conflito para descobrir o que estava falhando:

Espero que ajude!

lançador de tópicos

(@delaitec)

6 meses, 2 semanas atrás

Isso é raro. Qual tema você está usando?

Eu uso genepress, com o plugin premium.

Na verdade eu gosto de usar customização, consigo ver as mudanças em tempo real, usando o style.css do tema filho, tenho que salvar e recarregar a página em outra aba para ver as mudanças.

Gostaria de saber o que causa isso.

(@kellymetal)

6 meses, 2 semanas atrás

Olá,

estou usando o padrão fachada da loja tema. Seria um bom primeiro passo trocá-lo temporariamente para o Storefront e conferir.

Caso contrário, recomendo desabilitar plugins não WooCommerce para ver se isso permite editar no Client.

(@kellymetal)

6 meses, 1 semana atrás

Olá,

Não temos notícias suas há algum tempo, então vou marcar este tópico como resolvido. isso espero teste de conflito ajudou a determinar o que estava causando o problema. Se você tiver alguma dúvida, por favor, inicie um novo tópico.

Que tenhas um bom dia!

lançador de tópicos

(@delaitec)

faz 6 meses

Olá Kely.

Desculpe a demora, acho que tenho uma resposta para quem tiver o mesmo problema.

O erro estava aqui!

A condicional SEC estava faltando no final do meu código em uma fechadura.

Esse código só rodava quando a tela era menor que 345px, então quando coloquei o código abaixo, não vi as alterações, pois a tela era mais larga que essa medida.

Tudo o que precisei fazer foi adicionar mais uma chave ao código abaixo, e tudo o que digitei depois funcionou.

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

Obrigado pela ajuda.

(@kellymetal)

faz 6 meses

Olá @delaitec,

Obrigado por voltar aqui para nos informar o que causou o problema e como você o resolveu. Fico feliz em saber que agora está tudo funcionando! ? ?

Cuide-se e tenha um ótimo dia!

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *