Como ocultar los iconos de edición rápida o alguna imagen que no queremos que vea

Muchas veces cuando cambiamos la plantilla de nuestro blog no damos cuenta de que aparece la herramienta de edición rápida incluso a la vista del público y esto nos molesta.

Para ocultar los iconos de herramienta de edición rápida usaremos la función de cualquiera de estos códigos  CSS tales como: display:none; o visibility: hidden; que vamos a colocar en nuestra plantilla antes de ]]></b:skin>:

Con esto esteremos ocultando los iconos de herramienta de edición rápida en la header(cabecera), sidebar(categorías), main(entradas), footer (pie de página) e incluso cualquier otro imagen que no queremos que se vea por ejemplo yo usare la primera, aquí les dejo código emplementado.

/* Ocultar iconos de edicion*/

.wrapper .item-control a.quickedit img{display:none;}

.header-wrap .item-control a.quickedit img{display:none;}

.header .item-control a.quickedit img{display:none;}

.sidebar .item-control a.quickedit img{display:none;}

.navbar .item-control a.quickedit img{display:none;}

.main .item-control a.quickedit img{display:none;}

.bottom .item-control a.quickedit img{display:none;}

.bottom-widget .item-control a.quickedit img{display:none;}

#footer-wrapper .item-control a.quickedit img{display:none;}

/* Ocultar iconos de edicion*/