Personalizar cada gadget com um estilo diferente

Views:
 MODELO 1

#ID DO GADGET h2{
font: $(widget.title.font);  /*fonte do título do gadget*/
color: $(widget.title.text.color);  /*cor da fonte*/
background: transparent url(http://3.bp.blogspot.com/-9qSzwQLCQME/UhfxRyrdrRI/AAAAAAAAuXQ/XUmtp_3gk7s/s1600/popular-smaller-2.png) center no-repeat;
height: 49px;
width: 262px;
padding-top: 30px;
}


MODELO 2

#ID DO GADGET h2 {
font: 19px 'Walter Turncoat';
color: #fff;
background: #0090D5;
border-left: 6px solid #000;
padding-top: 5px;
padding-bottom: 5px;
}


MODELO 3

#ID DO GADGET h2 {
font: 17px 'Pacifico';
color: #fff;
background: #ff0075;
border-bottom: 4px solid #000;
padding-top: 3px;
padding-bottom: 3px;
}


MODELO 4

#ID DO GADGET h2{
font: 18px 'Pacifico';  /*fonte do título do gadget*/
color: #ffffff;  /*cor da fonte*/
background: transparent url(https://2.bp.blogspot.com/-372Hmu8xcR4/WkOhC_AED5I/AAAAAAABcR0/Zu2-UfKz_CknUx5G3dtRtI_55FxjzEPqACLcBGAs/s1600/faixinha2.png) center no-repeat;
height: 50px;
width: 300px;
padding-top: 30px;
margin-left: -15px;
margin-bottom: -10px;
}

MODELO 5


#ID DO GADGET h2 {
/*Estilos para o título do gadget*/
font: 19px 'Sedgwick Ave Display';
color: #fff;
background: #0090D5;
border-bottom: 6px double #fff;
padding-top: 5px;
padding-bottom: 5px;
}


MODELO 6

#ID DO GADGET h2 {
background:#000000;
border: 8px double #fff;
border-radius: 0px 0px 0px 0px; /* Bordas aredondadas do sub-menu */
margin-top:-12px;
margin-left:-13px;
margin-bottom:10px ;
padding:5px;
width: 100%;
}


MODELO 7

#ID DO GADGET{
background: #FC3880; /*Cor de fundo do gadget*/
padding-top:10px;
padding-rigth: 20px;
padding-left: 5px;
width: 100%;
color: #ffffff; /*Cor de fonte do gadget*/
box-shadow: 0px 7px 20px #a4a4a4; /*Cor de sombra do gadget*/
}


FONTES ESPECIAIS USADAS NOS MODELOS
(cole o código da fonte desejada acima de </head>)

<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Walter+Turncoat' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'/>
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage