Detalhes da questão

Endereço do fórum: http://mcrnwd.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá.

Queria saber como centralizo os ícones e o nomes dentro da caixa vermelha marcada?
Já usei alguns tipos de css, mas até agora não funcionou.

Atual: https://prnt.sc/keapbh
Como quero: http://prntscr.com/kear04

Olá @Ottysnwd,
Adicione na sua folha de estilo:

Código:

dd.postprofile-info {
    text-align: center;
}

Cordialmente,
pedxz

Certo, os nomes alinharam mas os ícones não.

Mais um pedido, podia dá um espaçamento no "Data de Inscrição" colocar um pouco mais abaixo.

Como está: http://prntscr.com/keawt4

Poderia dar acesso aos convidados, para poderem ver os tópicos, para poder análisar os icones?

Sobre o espaço, edite o campo: Data de Inscrição, e procure a opção Separador e use a opção "pular uma linha".
Entre no Painel de controle > USUÁRIOS & GRUPOS > Usuários > Perfis > Campos do perfil > Modificar

Liberei o acesso.

Faltou liberar também a visualização do campo dos ícones, desculpe o incômodo

Sou novato no ramo, onde libero?

Entre no Painel de controle > USUÁRIOS & GRUPOS > Usuários > Perfis > Campos do perfil > Modificar, modifique o campo dos icones e encontre a opção: Exibir este campo para os visitantes tendo ao menos o status, selecione Convidados

Pronto.

Adicione no seu CSS:

Código:

.postprofile-contact a {
    text-align: center!important;
    float: none!important;
}

Cordialmente,
pedxz

Funcionou, mas agora ficou um embaixo do outro.

Olá!

É possível nos indicar o link onde viu esse efeito? Facilitará imenso.

Obrigado desde já.

Aqui está.

http://nwdgames.forumbrasil.net/forum

Troque os códigos acima, por este:

Código:

.postprofile-contact a {
    float: unset;
    display: inline-block;
}
dd.postprofile-contact {
    text-align: center;
}

Até mais.

Coloquei o código atual, centralizou os ícones e os nomes voltaram ao lugar de antes (Esquerdo).
O que pode ser?

Hm. Acho que falta algo, adicione mais este:

Código:

dd.postprofile-info {
    text-align: center;
}

Resultou, mas ficou um pouco descentralizado.

Olhe: http://prntscr.com/kebl1t

Depois de uma longa investigação em seu fórum cheguei a esta conclusão:

- Os ícones estão centralizados.
- Há um ícone que não tem imagem (o de email) e faz com que pareça que está desalinhado.

Aceda às gestões das imagens e adicione a imagem do ícone: Email

Até mais.

Mil desculpas, não tinha reparado isso!

Ultima dúvida, como desativo esse Ícone de Email? Já marquei a opção de ocultar, mas não resulta em nada.

Para ocultar nas mensagens, adiciona este código:

Código:

dd.postprofile-contact a[href*=mail] {
    display: none;
}

Assim já não estará com aspeto "desalinhado".

Muito obrigado, meu bom!