WordPress Elementor Inline SVG Pergunta: Mudanças de cor no SVG

Um usuário perguntou 👇

Oi – Testando o plugin, parece funcionar bem, porém alguns elementos do SVG no documento real mudam de cor. A biblioteca de mídia tem as cores corretas e a visualização do plugin admin, mas dentro da página, as cores mudam. Por exemplo, tenho um logotipo que é preto e azul, e o logotipo inserido perde o preto e muda para 2 versões de azul.

Este tópico foi modificado 1 ano, 12 meses atrás por.

(@inonovacom)

1 ano, 9 meses atrás

Oi eu tenho o mesmo problema. Como você consertou isso?

(@demo38ltd)

1 ano, 9 meses atrás

Salvei as imagens SVG do Illustrator, mas se você olhar para elas em um editor de texto para ver o código nelas, todas as formas SVG receberam os mesmos nomes de estilo. Eu acho… são classes como .s1, .s2, etc. por padrão.

Então, quando foi carregado em ordem, o anterior com o mesmo nome parecia ter superado os estilos.

Passei por todos os arquivos SVG e verifiquei se todos tinham nomes de classe exclusivos (certifique-se de que os nomes de classe que você usa correspondam às formas atribuídas).

(@inonovacom)

1 ano, 9 meses atrás

Bem, você sabe! Faz sentido. Muito obrigado!

(@tjeerdbongers)

1 ano, 4 meses atrás

@innovacom @demo38ltd O que exatamente muda no código com o editor de texto? Por que não consigo entendê-lo?

Com os melhores cumprimentos,

Tjeerd

(@demo38ltd)

1 ano, 4 meses atrás

Hola @tjeerdbongers: si abre el SVG en un editor de texto (como Bloc de notas / Textedit / Sublime Text), lo más probable es que vea algunas etiquetas CSS en la parte superior, luego haga coincidir los nombres de clase con las formas definidas a seguir. Alterá-los para nomes exclusivos impedirá que eles se substituam no Elementor enquanto são carregados.

Por exemplo, se os estilos contiverem uma classe chamada .s1, alterá-la para .myclassname na parte CSS, assim como as classes correspondentes atribuídas às formas, não será compatível com os outros arquivos.

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 *