LinkWithin com Hotwords – Como resolver?

Escrito na categoria "Dicas para WordPress" por Alex Benfica.

Quem utiliza o Hotwords como afiliado para monetização do site e tentou instalar o plugin LinkWithin pode ter tido um probleminha.

O LinkWithin mostra no fim de cada post uma lista de artigos relacionados e suas respectivas imagens em thumbnails. O ideial é que estas pequenas imagens fiquem em uma linha horizontal, lado a lado, mas isto nem sempre ocorre. Dependendo de como as tags do Hotwords estão inseridas no tema, o CSS do Hotwords irá conflitar com o CSS do LinkWithin fazendo com que as imagens do LinkWithin fiquem em uma linha vertical, uma abaixo da outra. Isto realmente acaba com o layout de qualquer site!

Como solucionar esta aparente “incompatibilidade” entre o Hotwords e o LinkWithin?

As seguintes linhas podem ser adicionadas ao arquivo style.css do seu tema, e tanto o Hotwords quanto o LinkWithin irão funcionar muito bem juntos!

div#lws_0 a {
float: left !important;
}

E se você tiver mais de um bloco de imagens do LinkWithin, eles terão divs com classes numeradas lws_0, lws_1 … Neste caso basta adicionar a mesma regra para estas classes também!

Tive este problema e consegui solucioná-lo com a ajuda do Cláudio, do site TechBH.

Se funcionar para você ou tiver alguma idéia melhor, por favor comente aqui!

Sobre o autor

Profissional de TI com mais de 20 anos de experiência na indústria. Bacharel em Matemática Computacional, sempre aprendendo sobre tecnologia, desenvolvimento de software e automação. É criador do site Do Wordpress onde compartilha conhecimentos desde 2010!

Veja a biografia completa

Veja também