Cómo personalizar los gadgets

Hoy vamos a hacer algo que es muy fácil y que os prometo que no os va a llevar mucho tiempo porque es pegar un código, cambiar cuatro cosas y ya está. Yo os voy a enseñar a ponerlos como los tengo yo. Como siempre, tenemos que ir a la sección en la que pegar el código así que nos vamos a Tema -- > Personalizar --> Avanzado -- > Añadir CSS. Ahí tenemos que pegar el siguiente código: 

sidebar .widget { 

    border-top: 2px solid #C0392B; /* Apariencia del borde */

       

}

.sidebar .widget-content {

    padding: 8px;

}

.sidebar .widget h2 {

    text-align: center; 

    z-index: 8;

    top: -10px;

    background: #FFFFFF; /* Fondo de la cajita del título */

    left: 50%;

    transform: translate(-50%, 0);

    display: inline-block;

}

.sidebar .widget h2:after,.sidebar .widget h2:before {

    content: "\00a0\00a0";

}

Lo que está en rojo, como siempre, es lo que podéis cambiar a vuestro gusto, sobre todo para que pegue con el resto de vuestro blog.

De dónde he sacado esto: Mi medio limón verde