A volte si ha la necessita di avere i link sulla pagina differenti dalle impostazioni del programma presenti al passo 2 Modello > Stile testi
Vediamo come fare con del semplicissimo codice CSS
Prova testo con link impostato come da programma LINK
Prova testo con link personalizzato da codice CSS LINK
Occorre abilitare il codice HTML dell'oggetto come visibile in figura sotto (cerchietto rosso) ed inserire il CSS come mostrato ancora più sotto
il CSS va inserito in:
Codice da copiare per test
<a class="btn_test" href="#">LINK</a>
<style>
/* CSS test */
.btn_test {
color: #0000ff;
text-decoration:none;
transition: all 0.2s ease-in;
}
.btn_test:hover {
color:#000000;
font-weight: bold;
}
</style>
Codice da copiare per test pulsante
<a class="btn_button" href="#">LINK BUTTON</a>
<style>
/* CSS pulsante */
.btn_button {
cursor:pointer;
line-height:1.5em;
text-align:center;
background:#acd904;
border: 2.5px solid #acd904;
color: #000000;
text-decoration:none;
padding: 10px 40px;
font-weight: none;
transition: all 0.2s ease-in;
border-radius: 4px;
}
.btn_button:hover {
background: #000000;
border-color: transparent;
color:#fff;
}
</style>