REDAZIONE

In questo articolo vi mostriamo come personalizzare la visualizzazione dei link all’interno dei post. In particolare vogliamo applicare ai link uno sfondo colorato che cambia colore al passaggio del mouse sopra di essi.

La modifica da effettuare è molto semplice. Andate nella sezione “Presentazione > Opzioni avanzate” e cliccate sul link “Modifica modello” del Foglio di stile.

Nella colonna destra della finestra pop up incollate le seguenti righe di codice:

  .content a {
   color: #FFF;
   background: #70ade4;
   padding: 1px 2px 1px 2px;
   margin: 1px 0px 1px 0px;
   }
   
   .content a:hover {
   color: #FFF;
   background: #1973c9;
   }  

Dove:

• color definisce il colore del link, in questo caso bianco (#FFF);
• background definisce il colore di sfondo dei link, in questo caso azzurrino (#70ade4);
• padding definisce quanto spazio che deve esserci tra il testo e i bordi del backgound;
• margin definisce lo spazio che deve esserci tra i bordi del background e gli elementi intorno al link.