Moderador
Mário Valney
(@mariovalney)
WordPress Cleric of Fire
Olá @fun4cats
Isso não é um problema do WordPress: parece ser algum problema de CSS do seu Tema.
Sem o link do site fica difícil confirmar, mas possivelmente é isso, já que o front-end (interface) do site é responsabilidade dos Temas.
Abraços
Oi Mário! Obrigada por responder. Na neura, acabei reinstalando o tema, mas o problema não mudou. O site está como manutenção. Te dar aval pra editor seria suficiente?
Moderador
Mário Valney
(@mariovalney)
WordPress Cleric of Fire
Olá @fun4cats, tudo bem?
O link que eu pedi seria do site, no caso, o que os usuários comuns vão ver na internet. Não precisa de acesso, visto que é um problema no front.
Creio que a página de checkout seja acessível publicamente, se não for o caso, criarei um usuário pelo fluxo normal, simulando um cliente, e depois te digo qual foi para excluí-lo, mas não pedimos e recomendo que não ofereça nunca acessos (seja de hospedagem, seja do site) aqui no Fórum (Regras do Fórum).
Oi Mário!
Obrigada novamente pela mão!
O site é http://www.fun4cats.com.br. Vou tirar da manutenção pra vc ver. Obrigada
Moderador
Mário Valney
(@mariovalney)
WordPress Cleric of Fire
Olá, tudo bem?
Cheguei a página de checkout (nem precisou criar conta) e realmente é um problema no front-end do seu Tema.
Creio que se adicionar o CSS abaixo vai resolver:
form .form-row-first {
clear: left;
}
form .form-row .select {
width: 100%;
}
form #billing_country_field strong {
display: block;
box-shadow: none;
padding: 7px 10px 10px;
border: 1px solid #d5d5d5;
height: 39px;
cursor: default;
}
form .select2-container--default .select2-selection--single {
width: 100%;
border-radius: 0;
padding: 5px 10px 10px;
border: 1px solid #d5d5d5;
height: 39px;
}
form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px;
}
.checkout .create-account {
display: block;
width: 100%;
margin-bottom: 30px;
}
(Seu tema deve ter alguma área para adicionar CSS ou pode ir no Customizador.)
Oi Mario,
Adicionei o código no default.custom.css, na pasta principal.
Não deu em nada, não… 🙁
Moderador
Mário Valney
(@mariovalney)
WordPress Cleric of Fire
Olha, recomendo Criar um Tema Filho para não perder as alterações quando for atualizar o Tema.
E eu vi aqui no “Inspecionar Elemento” da página e esse arquivo CSS não é chamado. Tente por favor, alguma das alternativas que eu dei.
Abraços
Está no tema filho sim…
Fui checar e havia apagado o screenshot.png da pasta. Recoloquei e depois houve uma msg dizendo: ERRO: Modelo faltando. Temas precisam ter um arquivo de modelo index.php. Temas filhos precisam ter um cabeçalho na folha de estilos style.css
Mas no tema filho só há 3 arquivos: a folha de estilo, function e screenshot. :S
Adicionei o index do parent na pasta do tema filho.
Enfim, coloquei na folha de estilo e deu uma alterada. O titulo endereço de email subiu… rs
Moderador
Mário Valney
(@mariovalney)
WordPress Cleric of Fire
Aqui no navegador, adicionar isso resolveu.
Se não resolveu aí pode ser cache (limpe o cache do seu navegador) ou então pode ser que existe alguma regra que sobrescreve essas daí. A resolução mais fácil seria adicionar !important em cada registro, por exemplo:
.checkout .create-account {
display: block!important;
width: 100%!important;
margin-bottom: 30px!important;
}
Não entendi o que quis dizer “em cada registro”
Na tela do celular fica OK o CPF mas no computador não. O endereco de email ta em cima do CEP tanto no cel como no computador.
Limpei cache e ta a msm coisa…
Moderador
Mário Valney
(@mariovalney)
WordPress Cleric of Fire
Oi, fiz isso e nada:
form .form-row-first {
clear: left!important;
}
form .form-row .select {
width: 100%!important;
}
form #billing_country_field strong {
display: block!important;
box-shadow: none!important;
padding: 7px 10px 10px!important;
border: 1px solid #d5d5d5!important;
height: 39px!important;
cursor: default!important;
}
form .select2-container--default .select2-selection--single {
width: 100%!important;
border-radius: 0!important;
padding: 5px 10px 10px!important;
border: 1px solid #d5d5d5!important;
height: 39px!important;
}
form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px!important;
}
.checkout .create-account {
display: block!important;
width: 100%!important;
margin-bottom: 30px!important;
}
