Lugar perfeito onde quero estar!!!
Oláá!
hoje vou ensinar uma coisa prática e fácil de se fazer, personalizar os títulos dos gadgets é fácil e prático, vamos lá.
1→ vá em seu HTML e procure por: h2 {
logo quando voçê encontrar deve estar assim:
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
font: $(widget.title.font);
color: $(widget.title.text.color);
}
logo que achar, apague ele e coloque isto:
.sidebar h2 {
font-family: Century Gothic; /*Tipo de fonte*/
font-size: 16px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/
background: #fbfbfb; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
}
font-family: Century Gothic; /*Tipo de fonte*/
font-size: 16px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/
background: #fbfbfb; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
}
se não quizer cor de fundo como isso:
background: #fbfbfb; /*Cor de fundo*/
coloque isto:
background: url(link_da_imagem) no-repeat center;
height: 30px;/*Altura da imagem*/
width: 200px; /*Largura da imagem*/
height: 30px;/*Altura da imagem*/
width: 200px; /*Largura da imagem*/
se estiver tudo certo, salve e pronto, se gostou comentar. Bjocas*.
0 Opiniões:
Postar um comentário