19 de janeiro de 2015

Título dos gadgets com área transparente só com o nome.

Antes:

Depois:



Vá em modelo > Personalizar > Avançado > Plano de fundo da barra lateral e deixe tudo transparente como na foto :


Salve as alterações. Agora vá em modelo > Editar HTML e procure por:

/* Widgets
----------------------------------------------- */
Logo abaixo encontrará o seguinte código:

.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
}
Apague e substitua por esse:

.sidebar .widget {
  margin: 0px 0px 15px 0px; /* margem entre uma caixa e outra */
  background: #FFFFFF; /* cor de fundo das caixas */
  padding:10px; /* espaço entre o texto e as margens */
  border-radius: 10px; /* arredondamento dos cantos das caixas */
  text-align: justify; /* alinhamento justificado do texto */
  -webkit-box-shadow: 0 0 1em #c9c9c9; /* sombra nas caixas, apague esse trecho se não quiser sombra */
}

Pronto ;) Alguma dúvida, só perguntar... Beijos' 

2 comentários:

  1. Seu blog está lindo, foi muito bem investido! Esse layout deve ter dado um trabalhão fazer, mas com certeza, valeu à pena!
    Amei. Beijoss!

    ResponderExcluir
    Respostas
    1. Muito obrigada linda, deu muito trabalho sim rs... Montei ele todinho em cada detalhe... <3 Beijos

      Excluir