WordPress TablePress Pergunta: Tabela centralizada do TablePress na página não está funcionando

Um usuário perguntou 👇

Estou usando o seguinte código no site. (observe que NÃO marque a caixa de seleção “Table Header Row” na seção “Table Options”); no entanto, como você pode ver, a tabela NÃO é orientada por página. Eu não acho que você obterá mais informações do que as que eu já adicionei, então estou perplexo!

.tablepress-id-1 {largura: 75%; margem: 0 auto 1em; }

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

.tablepress tbody td img { float: left; }

.tablepress-id-1 .column-1 {largura: 200px; }

O que eu quero é ter a mesa com “Obrigado advogado…” e a foto do advogado centralizada entre as bordas. A exibição está incorreta em todos os navegadores. Obrigado por qualquer ajuda!

(@tobiasbg)

3 anos, 8 meses atrás

Olá,

Obrigado por sua pergunta e desculpe o transtorno.

A razão para isso é que seu tema adiciona código CSS que afeta as tabelas e essencialmente substitui as alterações necessárias novamente, mas com uma prioridade mais alta. Então tudo o que temos a fazer é aumentar a prioridade do seu código CSS. Para isso, basta substituir o primeiro bloco

.entry .tablepress-id-1 {
    width: 75%;
    margin: 0 auto 1em;
}

Abraços, Tobias

(@kicooo)

3 anos, 4 meses atrás

Olá Tobias,

Tentei centralizar as tabelas usando os códigos acima e não funciona para mim:

}

.tablepress { largura: auto; margem: 0 auto 1em! importante; tela: mesa! importante; }

.entry .tablepress-id-17 {largura: 75%; margem: 0 auto 1em; }

Você pode verificar se não funciona neste link:

O que está acontecendo? 🙁

(@tobiasbg)

3 anos, 4 meses atrás

Olá,

isso parece se aplicar à rolagem horizontal, que às vezes é problemática. Desmarque a caixa de seleção “Usar tabelas de dados” na tela “Editar” da tabela e tente novamente.

Se mais tarde você quiser adicionar a rolagem horizontal novamente, recomendo o scroll Método de extensão TablePress como substituto.

Abraços, Tobias

(@kicooo)

3 anos, 4 meses atrás

Olá Tobias,

Isso estava correto, a pergunta era sobre a opção “Usar os seguintes recursos da biblioteca JavaScript DataTables com esta tabela” estar habilitada.

Muito obrigado!

(@tobiasbg)

3 anos, 4 meses atrás

Olá,

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

Tudo de bom, Tobias

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

(@wpb777)

2 anos, 11 meses atrás

Eu tentei tudo isso e ainda não consigo centralizar a mesa com todos os quatro gráficos na página inicial do DavidCastello.com

(@tobiasbg)

2 anos, 11 meses atrás

Olá,

em seu site, a verdadeira razão para isso é que a tabela é mais larga do que a área de conteúdo nomeada do seu tema. Então, tecnicamente, a tabela está se expandindo para o espaço vazio correto. Para corrigir isso, você pode dizer ao navegador para reduzir a largura das imagens. Para fazer isso, adicione isso à área de texto “Custom CSS” na tela “Plugin Options” do TablePress:

.tablepress-id-1 img {
  max-width: 100%;
}

Isso também ajudará a exibir a tabela em telas menores.

Abraços, Tobias

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 *