Ciao frido,
prima di fare delle modifiche al css prova a vedere se dalla gestione del template non ci sia il modo di inserire un'immagine al posto della scritta. Molti template hanno questa opzione.
Se no, inserisci questo codice nel file color1.css
#logo {
background:url(/public/templates/a4joomla-darksunset-free/images//facebook.png);
background-repeat:no-repeat;
width:400px !important;
height:50px;
}
#logo h2, #logo h3 {
font-size:0;
}
dove al posto dell'url che ho messo io metti quello al logo e al posto delle misure metti quelle della tua immagine-logo.
Non dovrà essere molto più alto di 50px perché altrimenti sposta le icone social.