+ Rispondi alla Discussione
Risultati da 1 a 8 di 8

Cambiare colore in piccolo codice html

Ultimo Messaggio di Bravuz il:
  1. #1
    User Newbie
    Data Registrazione
    May 2018
    Località
    Varese
    Messaggi
    5

    Cambiare colore in piccolo codice html

    Ciao,

    sto cercando di inserire un checkbox e ho trovato in rete il seguente codice a cui ho aggiunto un link:

    Codice HTML:
    <input type="checkbox" required name="terms"> Accetto la <a href="miolink" target="_blank">privacy policy</a>
    Adesso ho la necessità di cambiare il colore solamente delle due parole "privacy policy", ad esempio rosso, mi date una mano?

  2. #2
    hub
    hub è online
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    533
    Ciao, puoi provare ad avvolgere a href in un span con css inline, qualcosa del genere

    Codice:
    <input type="checkbox" required name="terms"> Accetto la <span style="color: #ff0000;" <a href="miolink" target="_blank">privacy policy</a></span>

  3. #3
    hub
    hub è online
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    533
    Puoi anche aggiungere una classe css direttamente, nell'esempio la classe + color-policy

    Codice:
    <input type="checkbox" required name="terms"> Accetto la <a class="color-policy" href="miolink" target="_blank">privacy policy</a>
    poi nel file CSS aggiungi:

    Codice:
    .color-policy {
    	color: #ff0000;
    }

  4. #4
    User Newbie
    Data Registrazione
    May 2018
    Località
    Varese
    Messaggi
    5
    Grazie molte per la risposta,

    la prima soluzione non funziona, ma la seconda sì.

    Grazie

  5. #5
    hub
    hub è online
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    533
    In realtà non è che non funziona ma che nel tuo file CSS esisterà una regola con priorità superiore.
    Per dare priorità a quel css inline si dovrebbe aggiungere la clausola !important

    Codice:
    <input type="checkbox" required name="terms"> Accetto la <span style="color: #ff0000!important;" <a href="miolink" target="_blank">privacy policy</a></span>
    Ma nemmeno così è certo che avrà priorità, dipende da come sono strutturati uno o più file css del tuo sito.

  6. #6
    User Newbie
    Data Registrazione
    May 2018
    Località
    Varese
    Messaggi
    5
    Il problema è che con la prima soluzione quando salvo wordpress cancella tutta la parte di codice dopo Accetto la ----

  7. #7
    hub
    hub è online
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    533
    ah ma stai usando Wordpress? Dove lo stai inserendo il codice?

  8. #8
    User Newbie
    Data Registrazione
    May 2018
    Località
    Varese
    Messaggi
    5
    Si, sto usando wordpress, non pensavo fosse rilevante

    Devo inserire il codice in uno spazio apposito di un pulgin per la newsletter: genesis enews extended, ma come ho scritto ho risolto con il codice precedente.

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.