Widget com cores diferentes

  • Resolvido ludizzy

    (@ludizzy)


    11 anos, 8 meses atrás

    Em primeiro lugar, queria dizer parabéns pelo fórum e pela organização do mesmo.
    Sempre estou acompanhando de fora e tirando minhas dúvidas com o fórum. Más dessa vez vou participar pois achei muito interessante!

    Bom, sobre minha dúvida, procurei em vários sites respostas más não consegui encontrar material que me ajudasse. Quero saber se tem alguma forma de fazer minhas widgets com cores diferente (por exemplo, personalizar a meu gosto a cor de cada widget).

    Obrigado pela atenção!

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Naomi_br

    (@naomi_br)

    11 anos, 8 meses atrás

    Você poderia (a)atribuir uma classe ao seu widget em particular.(b)ir à sua folha de estilos e fazer as modificações que você deseja quanto a cor.

    por exemplo, na página de widgets, no título de um widget em particular:
    <div class=cinza>Compartilhe em Redes Sociais</div>

    na folha de estilos (style.css ou estilo.css, o nome varia conforme tema)
    .cinza{
    color:#cccccc;
    }

    a modificação deste exemplo foi feita em um título, você poderia ter escolhido o corpo do texto, etc.

    outra possibilidade seria verificar com o firebug, o nome da classe ou id em particular do seu widget, e fazer modificações nesta classe ou id.

    Criador do tópico ludizzy

    (@ludizzy)

    11 anos, 8 meses atrás

    Muito obrigado pela dica!
    Porém, não seria vantagem eu usar uma widget. O que eu fiz foi adicionar um filtro nos titulos da widgets:

    add_filter('widget_title', 'color_title_widget');
function color_title_widget( $texto ){
   return preg_replace("/\[cor\](.*?)\[\/cor\]/is","<div id=\"widtop\" style=\"background-color: $1;\">",$texto);
}

    Onde [cor]numero da cor[/cor] alterar o background color do titulo da widget.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Widget com cores diferentes’ está fechado para novas respostas.

Tags