Detalhes da questão

Endereço do fórum: https://readingsteiner.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Boa tarde,

eu gostaria de mover todo o conteúdo da página do perfil do usuário para a esquerda, porque ficou um buraco enorme entre o título das opções para o conteúdo do campo em si. Imagem de exemplo abaixo:




Queria que todo esse conteúdo fosse movido um pouco mais pra esquerda, se possível logo após os dois pontos ":" do título com mais caracteres pra poder ficar tudo alinhado. Imagem de exemplo abaixo.




Agradeço quem puder me ajudar com isso!

Bom dia @OkamiDF,

Em sua Folha de estilo (CSS) o seguinte código:

Código:

#profile-tab-field-profil dl dt {
    float: left;
    display: block;
    width: 10em;
}


E altere-o para:

Código:

#profile-tab-field-profil dl dt {
    display: block;
    font-weight: 700;
    float: left;
    margin-right: 3px;
}


Também identifique esse código em sua folha:

Código:

#profile-tab-field-profil dl dd {
    margin-left: 10em;
    padding-left: 12px;
}


E apague-o para que fique alinhado.

Caso não tenha funcionado, informe novamente por meio desse tópico!

(Aguardo resposta).
Atenciosamente,
do seu amigo da comunidade, Musashi!

Musashi escreveu:Bom dia @OkamiDF,

Em sua Folha de estilo (CSS) o seguinte código:

Código:

#profile-tab-field-profil dl dt {
    float: left;
    display: block;
    width: 10em;
}


E altere-o para:

Código:

#profile-tab-field-profil dl dt {
    display: block;
    font-weight: 700;
    float: left;
    margin-right: 3px;
}


Também identifique esse código em sua folha:

Código:

#profile-tab-field-profil dl dd {
    margin-left: 10em;
    padding-left: 12px;
}


E apague-o para que fique alinhado.

Caso não tenha funcionado, informe novamente por meio desse tópico!

(Aguardo resposta).
Atenciosamente,
do seu amigo da comunidade, Musashi!

Oi @Musashi, obrigado pela resposta!

Eu tentei aqui mas não mudou não, só diminuiu a fonte porque eu tinha colocado um código antes pra aumentar o tamanho da fonte:

Código:

#profile-tab-field-profil {
font-size: 20px;
}


Nesse segundo código que você me pediu pra tirar:

Código:

#profile-tab-field-profil dl dd {
    margin-left: 10em;
    padding-left: 12px;
}


Eu não consegui localizar ele na minha folha (na parte onde eu insiro os códigos mesmo), eu só tinha modificado a fonte antes mesmo. Como eu faço pra remover?

Valeu de novo cara!!

Olá @OkamiDF

Iremos tentar trabalhar de outra maneira!
Cole o seguinte código em sua folha de estilo:

Código:

#profile-tab-field-profil dl dt {
width: 12%;
}


E adicione esse seguinte código também:

Código:

#profile-tab-field-profil dl dd {
    padding: 0;
    margin: 0;
}


Atenciosamente,
do seu amigo da comunidade, Musashi!

Musashi escreveu:Olá @OkamiDF

Iremos tentar trabalhar de outra maneira!
Cole o seguinte código em sua folha de estilo:

Código:

#profile-tab-field-profil dl dt {
width: 12%;
}


E adicione esse seguinte código também:

Código:

#profile-tab-field-profil dl dd {
    padding: 0;
    margin: 0;
}


Atenciosamente,
do seu amigo da comunidade, Musashi!

Perfeito, deu certo!

Valeu @Musashi! De longe o melhor staffer!!

Obrigado pelo elogio, Okami!

Tópico resolvido Movido para "Questões resolvidas".