estilos de titulos para gadgets!

IMAGEM DO BLOG dkawai wor

A pedidos  da nossa fã rebeca trouxe estilos para titulos de gadgets.só que esses  códigos tem uma outra maneira de usar,vamos aprender??LETS GO:

VÁ EM EDITAR HTML/PROCURE POR  .sidebar h2{  SE NÃO ENCONTRAR PROCURE POR sidebar h2  APAGUE ESSE CÓDIGO E NO LUGAR COLE  UM DOS CÓDIGOS ABAIXO

.sidebar h2{
text-align:center;
background: #DDA0DD;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}
.sidebar h2:hover{
text-align: center;
background: #DA70D6;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}

.sidebar h2{

text-align:center;

border-bottom: dashed 1px #ec92c6;

font-size: 18px;

color: #000;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 10px;

text-shadow: 1px 1px 0 #ccc;

}

.sidebar h2 {

text-align: center;

background:#8DEEEE;

padding: 8px;

font-size: 18px;

color:#528B8B;

border: outset #79CDCD;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 20px; 

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

}