Pergunta sobre o OceanWP do WordPress: Após atualizar o OceanWp, a caixa de seleção não marca

Um usuário perguntou ?

Olá!

Eu uso o Formulário de contato 7 para meus formulários no meu site. Após atualizar o OceanWp, a marca da caixa de seleção não é exibida corretamente. Eu adicionei o seguinte código à seção Custom > Custom CSS e continua mostrando estranho

div.wpcf7 input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

há um símbolo estranho atrás da marca. Deixo a página para você ver

Obrigado!

(@mgustavs)

1 ano, 3 meses atrás

Confirmo o mesmo problema após atualizar para 1.7.3 e 1.5.19 em dois sites usando o formulário Elementor Pro em um e o formulário WP no outro.

O Safari recuperou o carrapato depois de adicionar:

entrada[type=”checkbox”] {-webkit-appearance: checkbox; -moz-aparência: caixa de seleção; }

No entanto, o Chrome ainda mostra um quadrado e o Mozilla tem um ‘fooc’ …

Obrigado, @momo-fr e @harrisdesigned – vocês dois de hóquei consertaram!

(@tomas-eklund)

1 ano, 3 meses atrás

Acho que a principal causa desse problema é que o Font Awesome 5 usa pesos de fonte para distinguir entre sólido, regular e leve e que a marca de seleção das caixas de seleção ( f00c) só está disponível como sólido (negrito) na versão gratuita. Marcas de verificação regulares e leves estão disponíveis apenas no Font Awesome 5 Pro. Como o padrão é regular e nenhuma espessura de fonte é especificada para marcas de verificação, nenhum ícone será exibido.

O problema deve ser resolvido adicionando o código CSS abaixo:

input[type=radio]:checked:before, input[type=checkbox]:checked:before {
   font-weight: bold;
}

(@tomas-eklund)

1 ano, 3 meses atrás

Agora vejo que @momo-fr já postou o mesmo trabalho. Na minha experiência, qualquer fonte de 600 ou superior funcionará.

@Harrisdesigned funciona porque o ícone normal do círculo de verificação de peso da fonte (f058) está disponível no Font Awesome Free.

(@badarjamal)

1 ano, 2 meses atrás

Obrigado @momo-fr. Passei horas procurando uma solução e sua solução funcionou como um encanto.

(@phillbarnett)

1 ano, 2 meses atrás

Olá,

Eu tentei todos os espaços de trabalho sugeridos por @momo-fr, @tomas-eklund, @michael-luther e @harrisdesigned com sucesso apenas parcial.

A única solução que funciona para mim é o font-weight para 600+, que corrige o problema do FireFox no desktop, mas não no Chrome ao usar o modo de navegação anônima ou um navegador em um telefone celular. Alguma ideia?

Informação do Site:
(caixa de seleção do formulário de contato na parte inferior da página inicial) OceanWP 1.7.3 OceanExtra 1.5.19 Formulário de contato 7 5.1.16

Nota lateral: Se @tomas-eklund estiver certo de que o problema está relacionado aos recursos Pro do FontAwesome, talvez seja por isso que @apprimit não veja o problema no final?

Esta resposta foi modificada há 1 ano e 2 meses. Esta resposta foi modificada 1 ano e 2 meses atrás por. Causa: navegadores corrigidos que parecem exibir o problema

(@newoceans)

Há 1 ano

Alguém sob as últimas notícias aqui?

(@apprimit)

Há 1 ano

@newoceans você pode compartilhar o link do seu site para que eu possa conferir? Você está usando o FontAwesome Pro?

(@newoceans)

Há 1 ano

Oi @apprimit obrigado pela resposta amigo!

Aqui está o site (desenvolvimento), está na página inicial no formulário de inscrição de e-mail:-

É assim que parece do meu lado:

Eu consegui corrigi-lo, usando este código:

/*
input[type=checkbox]:checked:before {
  content: '✓' !important;
}

(@newoceans)

Há 1 ano

Não tenho certeza de como verificar se estou usando o Fontawesome Pro… Comecei este site copiando um site que fiz há muito tempo, e apenas mudei o estilo e o CSS…

Onde posso saber se estou usando o Fontawesome Pro?

(@apprimit)

Há 1 ano

@newoceans este problema já foi corrigido. Segue o link para corrigir:

Verifiquei seu site e você não está usando o Fontawesome Pro.

(@newoceans)

Há 1 ano

Ótimo @apprimit

Siga os passos e está tudo bem agora! ?

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 *