Esse tutorial foi testado e feito nos modelos do blog, especialmente o travel.
1º) Vá em design > editar html > tecle ctrl +f e procure por: ]]> assim que achar a tag acima dele cole:
.sidebar h2 {
text-align:center;
background-color: #XXXXXX; /*cor do fundo*/
padding:2px;
border: 1px solid #XXXXXX; /*cor da borda*/
-webkit-transition:0.4s;
display:inline;
float:right;
margin-top:-21px;
}
Alterações:
Para deixa-lo aredondado: acrescente antes de } o seguinte:
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
Para trocar o lado das caixinhas: troque
float: right; por float: center; ou float: left;
Altere as cores:
Onde tem xxxxx; troque pelo código das cores que você pode encontrar aqui nesta tabela
1º) Vá em design > editar html > tecle ctrl +f e procure por: ]]> assim que achar a tag acima dele cole:
.sidebar h2 {
text-align:center;
background-color: #XXXXXX; /*cor do fundo*/
padding:2px;
border: 1px solid #XXXXXX; /*cor da borda*/
-webkit-transition:0.4s;
display:inline;
float:right;
margin-top:-21px;
}
Alterações:
Para deixa-lo aredondado: acrescente antes de } o seguinte:
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
Para trocar o lado das caixinhas: troque
float: right; por float: center; ou float: left;
Altere as cores:
Onde tem xxxxx; troque pelo código das cores que você pode encontrar aqui nesta tabela
0 comentários:
Postar um comentário