Come modificare un banner presente nell'head

Il sito di riferimento è questo: 
artfixlondon.com

Ciao, io penso che devi fare un tema.. non un banner
Ti mando uno zip...

Buongiorno,
ti ho risposto per mail, scusami ma ieri sera lavoravo e non ho visto il tuo intervento. Attendo rinforzi :)
Ma lo anticipo, io stavo cambiando tutto utilizzando solo il file style.css

Buon inizio di settimana,
Simone

Ciao, se non ho capito male tu vorresti spostare i "cerchi" che hai sulla destra all'interno dello slide, se si, devi giustamente lavorare con i CSS del tema e spostare la regione che contiene ora i "cerchi" alla destra dello slide all'interno dello stesso.

Buonasera,
innanzitutto grazie per l'intervento. Sì sto lavorando sui CSS. E se volessi allargare la foto come faccio, è una questione di regione? si modificano da Drupal quest'ultime. 
In poche parole devo modificare la maschera come quella nominata definitivo.png
Grazie
Simone

Ciao aggiungo,
ho notato che il menu di destra è gestito nel CSS da #block-menu-menu-right-menu al quale riferisce le immagine right-menu-bg.png per il colore in background. Ora se volessi cambiare per ogni entità un colore, dovrei scomporre il menu di destra di tante piccole entità e gestirle differentemente, cioè per ogni pallino un blocco differente? ma il blocco #block-menu-menu-right-menu è presente tantissime volte nel CSS, non sarebbe un casino porli modifiche, scompattandolo?
Cos'è boostrap3 per Drupal? mi aiuterebbe a risolvere questo problema?

Grazie tante e buona notte,
Simone

Ciao, andiamo con ordine.

E se volessi allargare la foto come faccio, è una questione di regione?

è il CONTENITORE che è stato definito nel tema che determina la dimensione visualizzabile dell'immagine, per quanto riguarda la dimensione delle slide, se non ho visto male dovrebbe essere realizzata con flexslider e quindi potresti cambiarla nelle impostazioni di quello, però dovresti poi cambiare anche la dimensione del contenitore di cui sopra.

ho notato che il menu di destra è gestito nel CSS da #block-menu-menu-right-menu al quale riferisce le immagine right-menu-bg.png per il colore in background. Ora se volessi cambiare per ogni entità un colore, dovrei scomporre il menu di destra di tante piccole entità e gestirle differentemente, cioè per ogni pallino un blocco differente? ma il blocco #block-menu-menu-right-menu è presente tantissime volte nel CSS, non sarebbe un casino porli modifiche, scompattandolo?

Sì, se vuoi impostare un colore differente per ogni singolo "pallino" dovrai creare tante classi CSS tanti sono i "pallini" da colorare diversamente.

Cos'è boostrap3 per Drupal? mi aiuterebbe a risolvere questo problema?

BOOTSTRAP è un tema base, un framework di partenza, per creare poi un tema personalizzato, in parole povere parti da quel tema per creare un tuo tema ad hoc che ha come dipendenza bootstrap3, così ti ritrovi un sacco di funzionalità già belle e che pronte senza impazzire più di quel tanto, in più è anche responsive e viene visualizzato molto bene sulla maggior parte dei device mobile presenti sul mercato.
Tornando al tuo problema, no non ti aiuterebbe anzi, dovresti ricominciare tutto da capo e questo, se tu fossi "sgamato" con la creazione di temi personalizzati, potrebbe anche essere un vantaggio, ma da quello che ho letto mi pare che tu abbia ancora molti dubbi :-)
Il tema attuale è stato realizzato con zen (altro tema base), a mio avviso se non hai particolari abilità con i temi, ti risulta più comodo lavorare sulla base che già hai piuttosto che costruire da zero tutto.

Buongiorno Niubbo75,
innanzitutto molte grazie per la risposta esauriente, mi hai tolto molti dubbi.

Visto che non sono un grosso esperto di CSS, cosa consiglieresti di fare? di spacchettare quindi quel blocco di menu e creare tante classi per ogni voce? sarebbe un lavoro difficile secondo te? Questo è il codice che lo riguarda. Potresti inizarmi con un esempio poi replicherei per ogni menu?

/* line 1813, ../sass/components/_misc.scss */

#block-menu-menu-right-menu {
  padding-top: 24px;
}
/* line 1815, ../sass/components/_misc.scss */
#block-menu-menu-right-menu ul.menu {
  text-align: center;
}
/* line 1817, ../sass/components/_misc.scss */
#block-menu-menu-right-menu ul.menu li {
  display: block;
  width: 60px;
  margin: 0 auto;
  padding-bottom: 10px;
}
/* line 1822, ../sass/components/_misc.scss */
#block-menu-menu-right-menu ul.menu li a, #block-menu-menu-right-menu ul.menu li a:visited {
  list-style: none;
  display: table-cell;
  width: 60px;
  height: 60px;
  background: url('../images/../images/right-menu-bg.png?1416401851') top right no-repeat;
  vertical-align: middle;
  font-size: 15px;
  line-height: 1em;
  color: #ff5d46;
  text-decoration: none;
}
/* line 1828, ../sass/components/_misc.scss */
.is-store #block-menu-menu-right-menu ul.menu li a, .is-store #block-menu-menu-right-menu ul.menu li a:visited {
  background: url('../images/../images/right-store.png?1417381987') center bottom no-repeat;
}
/* line 1831, ../sass/components/_misc.scss */
.is-industry #block-menu-menu-right-menu ul.menu li a, .is-industry #block-menu-menu-right-menu ul.menu li a:visited {
  background: url('../images/../images/right-industry.png?1417381955') center bottom no-repeat;
}
/* line 1834, ../sass/components/_misc.scss */
.is-app #block-menu-menu-right-menu ul.menu li a, .is-app #block-menu-menu-right-menu ul.menu li a:visited {
  background: url('../images/../images/right-app.png?1417381915') center bottom no-repeat;
  color: #000;
}
/* line 1844, ../sass/components/_misc.scss */
#block-menu-menu-right-menu ul.menu li a:hover, #block-menu-menu-right-menu ul.menu li a.active, #block-menu-menu-right-menu ul.menu li a:visited:hover, #block-menu-menu-right-menu ul.menu li a:visited.active {
  background-position: bottom right;
}
/* line 1848, ../sass/components/_misc.scss */
#block-menu-menu-right-menu ul.menu li.menu-press {
  padding-top: 40px;
  width: 70px;
}
/* line 1851, ../sass/components/_misc.scss */
#block-menu-menu-right-menu ul.menu li.menu-press a, #block-menu-menu-right-menu ul.menu li.menu-press a:visited {
  background: url('../images/../images/press-bg.png?1416401893') top right no-repeat;
  width: 71px;
  height: 71px;
  font-size: 20px;
  color: #a7a5a6;
}
/* line 1857, ../sass/components/_misc.scss */
#block-menu-menu-right-menu ul.menu li.menu-press a:hover, #block-menu-menu-right-menu ul.menu li.menu-press a.active, #block-menu-menu-right-menu ul.menu li.menu-press a:visited:hover, #block-menu-menu-right-menu ul.menu li.menu-press a:visited.active {
  background-position: bottom right;
}

Per le altre cose ci penso dopo, ovviamente lascio perdere BOOSTRAP. Grazie tante della delucidazione in merito :)

Ciao, devi ripetere la classe CSS, rinominandola allo scopo, per ogni "pallino", il codice CSS bene o male sarà uguale per tutte le classi, andrai a cambiare l'immagine di background inserendo il nome ed il percorso del file corretto, nulla di estremamente complicato :-)
Poi ovviamente dovrai richiamare la classe corretta per ogni "pallino".