Página de registro com problemas visuais

Detalhes da questão

Endereço do fórum: https://potter-more.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Pessoalmente,

Atualmente, a página de registro de meu fórum se encontra assim:



É praticamente impossível visualizar os campos de inserção de texto, e para alterar o fundo deles eu preciso mexer no elemento .post do CSS, o que também altera outros elementos do fórum que eu gostaria de manter inalterados. Basicamente, gostaria apenas de colocar um fundo branco nesses campos.

Além disso, se possível, gostaria de alinhar os : que se encontram separados por um espaçamento da última letra. Ou seja...

Nome de usuário:
Endereço de e-mail:
Senha:

Se alguém puder me ajudar, ficaria grata. Ainda sou iniciante em CSS/HTML e não entendo muitas coisas.

Boa tarde,

Para colocar os campos de registo visíveis, por favor utilize este CSS:

Código:

#cp-main.ucp-main #ucp .inputbox.post, #form_confirm input[name="password_confirm"] {
    background: var(--fondo1);
    border: 1px solid var(--color1);
    box-sizing: border-box;
    color: var(--textobase);
}
#form_confirm {
    margin: 0;
    padding: 30px;
    border: var(--borde1);
    backdrop-filter: var(--blur);
    background: var(--fondo1);
}
#form_confirm h1.page-title {
    color: var(--color1);
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 800;
}

Resultado 1: https://prnt.sc/oYwAcNyBboDe
Resultado 2: https://prnt.sc/1l6d_Qf7IyAl

Para remover o espaço nos campos de registo, eu já tinha informado isso nesta resposta: https://ajuda.forumeiros.com/t117878-corrigir-espacos-nos-campos-de-perfil#832770
O template a alterar: profile_add_body (o primeiro código da resposta).

Hancki

Oi, Hancki.

Fiz o que você orientou e os campos estão perfeitamente visíveis, mas o espaçamento ainda não sumiu. Verifiquei no código e, de fato, ele não apresenta espaços entre o último caractere e os dois pontos. Você tem alguma ideia do que possa estar acontecendo?

Olá!

Para resolver, adicione no final do código do template, o seguinte código:

Código:

<script>
$(document).ready(function() {
    $("#cp-main .panel dt label").each(function() {
        $(this).html($(this).html()
            .replace(" :", ":")
        );
    });
});
</script>

Resultado: https://prnt.sc/T4ENN2BZTrd9

Hancki

Oi, Hancki.

Fiz o que você pediu na página profile_add_body, mas parece não funcionar.

Estou te enviando o acesso completo ao fórum, inclusive aos templates.

Olá!

Então, vamos fazer de forma diferente.

Na última página Javscript criada por causa dos espaçamentos, adicione este código:

Código:

$(document).ready(function() {
    if (window.location.href.indexOf("/register") > -1) {
        $("#cp-main .panel dt label").each(function() {
            $(this).html($(this).html()
                .replace(" :", ":")
            );
        });
    }
});

Hancki

Agora sim. Funcionou perfeitamente. Mais uma vez, muito obrigada.