Pergunta no WordPress TablePress: Soltando colunas e texto do cabeçalho central

Um usuário perguntou 👇

Olá

Estou tentando alcançar 2 coisas.

Primeiro quero centralizar todo o texto da minha tabela. Se você vir algum código, isso me deu problemas semelhantes, mas não consegui fazê-lo funcionar.

Basicamente o que eu quero é centralizar todo o texto e imagens de toda a tabela, e também o texto do cabeçalho.

Também quero saber se posso escolher quais colunas remover ou não usar ao usar um celular.

Obrigado.

(@tobiasbg)

2 anos, 10 meses atrás

Olá,

Obrigado por sua pergunta e desculpe o transtorno.

Para centralizar tudo, tente

.tablepress thead th,
.tablepress tbody td {
    text-align: center;
    vertical-align: middle;
}

Infelizmente, selecionar colunas descendentes não é fácil. Para algumas ideias, veja o pointe ? respostas = 6

Abraços, Tobias

(@heliacm)

2 anos, 10 meses atrás

Olá,

Eu só queria centralizar o texto em algumas das colunas. Isto é possivel? Você pode inserir botões com links? Eu sei que você pode inserir um link para o texto, mas deseja um layout mais nítido em vez de texto simples.

Obrigado

(@tobiasbg)

2 anos, 10 meses atrás

Olá,

certamente isso só pode ser feito em algumas colunas, já que

.tablepress-id-123 .column-3 {
    text-align: center;
    vertical-align: middle;
}

Altere o ID da tabela e o número da coluna conforme necessário.

Adicionar botões é fácil. Os botões são basicamente apenas ligações ao estilo, então você pode adicionar CSS a isso. Por exemplo, você pode obter as idéias de (com .tablepress usado na frente .button) junto com o código HTML como

<a href=" class="button">Button text</a>

nas células da sua tabela.

Abraços, Tobias

(@heliacm)

2 anos, 10 meses atrás

Obrigado!

(@tobiasbg)

2 anos, 10 meses atrás

Olá,

Não há problema, seja bem-vindo! 🙂 Que bom saber que isso ajudou!

Tudo de bom, Tobias

PS: Se você ainda não o fez, avalie o TablePress aqui no diretório de plugins. Obrigado!

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 *