Destacar comentarios del autor

Hey babies! A veces tengo muchas ganas de subir tutoriales, pero llega el problema de, ¿qué subo? ¿Qué puede interesar? Porque a mi esto de personalizar el blog es algo que me fascina... me estresa, pero me gusta, tenemos una relación amor/odio rara 😅 así que si hay algo que os interese que suba, podéis comentarlo y subiré un post al respecto.

Y hoy, como veis en el título, enseñaré a cómo destacar en los comentarios al autor del blog, tal como tengo yo:

Vamos a nuestro HTML y buscamos:

.comments .comments-content .icon.blog-author

Una vez encontrado, vamos a ver algo parecido a esto: 

Ahora borramos todo esto:

.comments .comments-content .icon.blog-author { 
background-repeat: no-repeat; 
background-image: url
(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZi
S0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBE
Ie/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QA
e8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7
yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v
0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); }

Y lo sustituimos por:

.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
background-image: url(LINK IMAGEN);
width:19px; /** ancho de la imagen**/
height:19px; /** altura de la imagen**/
display:inline-block;
float:right; / ** posición de la imagen **/
}

}

Lo que está en negrita se debe modificar  por lo que nos interese. Yo recomiendo usar alguna imagen o gif pequeñito, la que yo estoy usando, si os sirve de guía, mide 18x18px y creo que la imagen la saqué de Iconfinder.