JQueryPlugins

Plugin Colorbox: Problemas com textos grandes (cboxTitle)

Uma dica rápida para os amantes do plugin colorbox.

Na hora de ampliar uma imagem com este plugin, é possível exibir uma legenda; para isso, basta incluir um texto no atributo title da tag a href.

Se o texto for grande, o mesmo fica encavalado com os textos de navegação (image 9 of 12).

Num primeiro momento eu apenas diminui o tamanho da fonte, mas achei que não ficou legal.

Fiz um pequeno ajuste no css (colorbox.css) do plugin e compartilho com vocês.

/* css original com tamanho da fonte menor */
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; font-size:9px}
 
/* css alterado */
#cboxTitle{position:absolute;bottom:14px;left:0;text-align:center;width:100%;color:#949494;font-size:11px;background-color:#FFFFFF;height:20px;padding:5px 0;}

One thought on “Plugin Colorbox: Problemas com textos grandes (cboxTitle)

  • Valter Ferreira Martins

    Olá Tiago,
    bingo, essa dica foi excelente, sempre tive esse problema e agora está resolvido.

    Resposta

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *