26 sept. 2015

[Tutorial] Personalizar gadget #2

Hiii~ Como están? *^* yo me estoy quedando sin ideas de tutoriales estos días... D: Así que si tienen alguna duda me la dicen y la hago en forma de entrada XD jaajaja 
Bueno, hoy os traigo la forma de editar el gadget con la forma de la actual entrada! :D 
Es super sencillo!
Vamos a Plantilla > Personalizar > Avanzados > CSS, y pegamos este código!
.sidebar .widget h2 {
margin-top: 10px;
width: 262px;
margin-left: -29px;
height: auto;
padding-bottom 10px;
padding-top: 10px;
background: #ffcbd2;      */ Fondo del titulo del gadget /*
box-shadow: inset 0 0 16px #FFC1C9, 0 0 0px #FFC1C9;      */Color sombra del titulo del gadget/*
border-radius:30px;      */ Bordes redondeados del titulo /*
padding-left: 10px;
line-height: 8px;
margin-bottom: 5px;
font-family: cuprum;
letter-spacing: px;
font-size: 15px;
color: #fff;      */ Color del titulo /*
text-align: center;
-webkit-transition-duration: .80s;
border: 2px solid #c0fbe2;
}
.sidebar .widget {
border: 2px solid #fc6f71;      */ Borde del cuerpo del gadget /*
border-radius: 0px 0px 12px 12px;       */ Redondeado del cuerpo del gadget/*
}
PD: El fondo del cuerpo del gadget y otras cositas las puedes editar directamente desde Avanzados ^^
Y listo! fácil y queda super cute >w< jeje
Espero que os guste y os sea útil!!

4 comentarios: