Personalizar los títulos de los Gadgets ♪ ☆
Angela
martes, junio 22, 2021
0 Comments
Es muy fácil solo debemos ir a:
Plantilla →Personalizar →Opciones avanzadas →Agregar Css
y agregamos el siguiente código:
/*Adornar el título del gadget*/
.sidebar h2{
padding:10px; /*Tamaño*/
background-color: #ADD8E6; /* color de fondo*/
border:2px dashed #FFC0CB; /*color ,tamaño y tipo de contorno*/
border-radius: 5px; /*para redondear las esquinas */
text-align: center;} /*Para centrar el texto*/
El resultado sería este:
Pueden cambiar dashed por otro estilo, por ejemplo estos:
Dotted
Solid
Estos son otros estilos ,pero deberán cambiar los px del border , ya que si los dejan del mismo tamaño se verá como estilo "solid ", pueden cambiarlo por 4 o 5px.
/*Adornar el título del gadget*/
.sidebar h2{
padding:10px; /*Tamaño*/
background-color: #ADD8E6; /* color de fondo*/
border:4px double #FFC0CB; /*color ,tamaño y tipo de contorno*/
border-radius: 5px; /*para redondear las esquinas */
text-align: center;} /*Para centrar el texto*/
Double
Groove
Inset
Outset
Ridge
Si desean que el redondeado de las esquinas sea diferente,pueden cambiar el border-radius
/*Adornar el título del gadget*/
.sidebar h2{
padding:10px; /*Tamaño*/
background-color: #ADD8E6; /* color de fondo*/
border:2px dashed #FFC0CB; /*color ,tamaño y tipo de contorno*/
border-radius: 15px; /*para redondear las esquinas */
text-align: center;} /*Para centrar el texto*/
15px
25px
Y ahora simplemente añadimos este código para personalizar el buscador;
