Pergunta do WordPress TablePress: Largura da coluna: CSS personalizado não está funcionando? :(

Um usuário perguntou ?

Olá Tobais,

Eu tenho lutado nas últimas 3 horas tentando fazer com que o CSS personalizado para a largura da coluna funcione 🙂

Eu verifiquei o FAQ, documentação e fóruns, mas apesar de fazer diferentes alterações no código, ele ainda não funciona.

Eu só quero reduzir a largura da coluna 3 (Link), de preferência cada coluna, para que elas não sejam mais largas que seu conteúdo.

Tentei as seguintes variações:

(coloque-o nas opções personalizadas do plugin CSS conforme indicado)

—– .tablepress-id-1 .column-3 {largura: 100px; }

—–
[The preffered one]

.tablepress-id-1 .column-3 { preenchimento: 4px; } —- .tablepress .column-3 { preenchimento: 4px; } —– .tablepress .column-3 {largura: 100px; } —–

Eu também tentei algum outro código CSS personalizado do fórum, mas além de ajustar a barra estreita abaixo dos cabeçalhos das colunas, eles não parecem estar fazendo nada.

Eu aprecio a sua ajuda com isso!

(@anthuntley)

3 anos, 3 meses atrás

Descobri que alguns dados de largura estavam ocultos nos dados que eu tinha na tabela. Eu consertei baixando e carregando como um CSV em vez de importar HTML.

(@tobiasbg)

3 anos, 3 meses atrás

Olá,

Obrigado por sua pergunta e desculpe o transtorno.

O principal problema aqui é que você tem URLs muito longos nessa segunda coluna. Elas são tratadas apenas como palavras muito longas e, por padrão, o navegador não as envolve com palavras.

Para habilitar isso, você pode adicioná-lo à área de texto “Custom CSS” na tela “Plugin Options” do TablePress:

.tablepress-id-2 .column-2 {
    width: 300px;
    word-break: break-word;
}

Abraços, Tobias

(@widowswish)

3 anos, 3 meses atrás

Oi TobiasBG, estou no mesmo barco que Anthuntley. Eu tenho uma tabela com 4 colunas e uma é enorme, e a quarta é bem pequena. Eu tentei usar o CSS personalizado, conforme descrito no FAQ deste plugin, mas nada funciona.

Eu lhe daria o link para a página onde esta tabela é bastante inflexível, mas o site não está ativo. Se puder me enviar um e-mail para [email protected], eu gostaria de lhe dar um login no back-end do nosso WordPress, para que você possa ver meu site e me dizer o que está acontecendo. E eu ficaria feliz em fazer uma doação.

Obrigado!

(@tobiasbg)

3 anos, 3 meses atrás

Olá,

como você também tem um novo tópico aberto, vamos lidar com a discussão então ?

Abraços, Tobias

(@adjunky)

3 anos, 2 meses atrás

A largura da coluna não pode ser alterada. Nem todas as soluções que estou lendo funcionam.

(@tobiasbg)

3 anos, 2 meses atrás

Olá,

Obrigado pelo seu post e desculpe o transtorno.

Você pode postar um link para a página com a tabela onde ocorre esse problema, para que eu possa olhar diretamente? Obrigado!

Abraços, Tobias

(@windman)

faz 3 anos

Olá Usando o WordPress por menos de uma semana e tentando coisas diferentes. Eu criei um formulário usando TablePress. Ele tem apenas duas colunas e parecia bom no começo: a primeira coluna tinha a largura necessária para as imagens (350px) e não havia nada extra. Então eu queria experimentar outro modelo (Orfeo), mas não gostei, então voltei para o Flexia. Agora, a primeira coluna tem uma largura quase 3 vezes maior que a necessária. Eu inseri o seguinte código (copiado deste thread) nos campos CSS personalizados no plugin de opções para TablePress e salvei-o. Muitas vezes não sei se voltei e salvei, mas a largura da primeira coluna nunca muda. Fechei a guia onde a tabela aparece e abri em uma nova guia, reiniciei o computador. É como se Orpheus escrevesse algo em um parâmetro que Flexia não lê. Ou eu tenho um mal-entendido do código: mas eu só tenho uma tabela

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

Para ele, o homem do vento

(@tobiasbg)

faz 3 anos

Olá,

Você pode postar um link para a página com a tabela onde ocorre esse problema, para que eu possa olhar diretamente? Obrigado!

Abraços, Tobias

(@windman)

faz 3 anos

Aqui está o link:

Obrigado!

(@windman)

faz 3 anos

Oh

Eu só vi o meu erro! Ambas as imagens inferiores são muito grandes; não 350px

Desculpe pela inconveniência

Sobre,

André

(@tobiasbg)

faz 3 anos

Olá,

na verdade, esse pode ter sido o motivo. Tudo é 350px para mim agora também ?

Tudo de bom, Tobias

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

(@aklutey)

2 anos, 11 meses atrás

Olá,

Estou com o mesmo problema com Anthutley. Eu quero expandir o tamanho da minha quarta coluna tendo um URL na sexta coluna da minha tabela (http://www.oregonworldwaterday.org/events/) parece estar desperdiçando coisas. Eu implementei a recomendação da SEC do segundo comentário acima e ela apenas tornou a quarta coluna mais estreita do que era. Pensamentos

(@tobiasbg)

2 anos, 11 meses atrás

Olá,

Obrigado pelo seu post e desculpe o transtorno.

Pelo que vejo, esse comando realmente funciona. Os URLs são divididos, portanto, a coluna URL é menor. A longo prazo, acho que você só obterá bons resultados se transformar URLs em links clicáveis ​​com texto de link curto.

Abraços, Tobias

(@centrongo)

2 anos, 5 meses atrás

Estou no mesmo barco que todos. Gritei com meu laptop por um momento e fiquei tentada a jogá-lo na parede. Aqui está o link da página onde preciso de ajuda. A largura da coluna 2 deve ser maior / a coluna deve ser dobrada. A coluna 1 pode ser pequena, mas minha principal prioridade é a coluna 2. Ajuda

(@tobiasbg)

2 anos, 5 meses atrás

Olá,

Obrigado pelo seu post e desculpe o transtorno.

Isso se deve a algumas imagens de logotipo na coluna 1. Por exemplo, os logotipos nas linhas 21 e 22 foram colocados em tamanho real. Isso significa que a coluna se estende até o ponto em que essas imagens se encaixam. Você deve limitar o tamanho dessas imagens ou talvez usar código CSS para torná-las menores. Por exemplo, adicione isso à área de texto “Custom CSS” na tela “Opções de plug-in” do TablePress:

.tablepress-id-2 .column-1 img {
  width: 200px;
  height: auto;
}

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 *