Come cambiare il colore dei bottoni di Cookie Notice plugin

Pubblicato / aggiornato il 6 Dicembre 2018

Cookie Notice è un fantastico plugin gratuito che vi permette di inserire il famoso banner per il consenso dei cookies e quindi mettersi in regola con la GDPR sul vostro sito.

Di default, nell’interfaccia del backend del plugin, è solo possibile cambiare il colore della barra e non il colore dei bottoni. La personalizzazione del plugin in quanto all’aspetto grafico e davvero minima.

Ecco dunque il CSS che potete inserire del vostro editor per modificare il colore dei bottoni in autonomia.

[css]

#cookie-notice .button.bootstrap {
margin-right: .3em;
margin-bottom: 0;
line-height: 20px;
text-align: center;
vertical-align: middle;
color: #000;
text-shadow: none;
background: #ffffff;
border: none;
box-shadow: none;
}

[/css]

Ovviamente sostituite background e color con i colori che preferite!

Mentre per cambiare il colore al passaggio del mouse usate il seguente:

[css]

#cookie-notice .button.bootstrap:hover {
background: black;
color: white;
}

[/css]

Se avete dubbi, non esitate a lasciare un commento! ?

Questo post é stato utile? Puoi invitarmi un caffè o una birra!

donazione volontaria e1553596731599

Hola!

Sono Nicole,web designer e grafica freelance.

Scopri chi sono

Sono una web designer freelance

Mi occupo di sviluppo di siti web responsive, e-commerce, blog e grafica da circa 15 anni. Dal 2018 aiuto piccoli imprenditori, artigiani e liberi professionisti a portare la propria attività online con successo.

Mi occupo inoltre di formazione e consulenza in UI design per aziende, web agency e freelance, ed offro supporto e percorsi di mentoring a web designer che desiderano decollare con la loro attività.

Creazione siti web
Siti e-commerce
Branding

Formazione per web designer

FREELANCE

Se sei un web designer freelance alla ricerca di orientamento, chiarezza e supporto per prosperare nel mondo digitale in continua evoluzione, sei nel posto giusto! Il mio servizio di consulenza, formazione e mentoring è qui per te.

Scopri la formazione

Dal blog