Visualizzazione dei risultati da 1 a 3 su 3

Discussione: [Bootstrap] Personalizzare colori dei link

  1. #1

    [Bootstrap] Personalizzare colori dei link

    Salve, ho un problemino con Bootstrap...
    Non riesco a personalizzare i colori dei link nella navbar... Ho questa situazione
    codice HTML:
    <li class="nav-item"><a class="nav-link" href="#">Chi siamo</a></li>
    e nel CSS personalizzato, a sovrascrivere gli stili di Bootstrap (e linkato dopo bootstrap.css):
    codice HTML:
    a.nav-link:link { 
    color: #077d31;
    text-decoration: none; 
    font-weight: bold;
    }

    e così via per visited, hover, active...

    Dove sbaglio, dato che vedo i testi del menù sempre grigio chiaro che diventano bianchi al passaggio del mouse?

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,557
    Ciao, se sei pratico nell'utilizzo di librerie javascritp o simili, come consigliato dalla guida qui https://getbootstrap.com/docs/4.1/ge...arted/theming/ compilando con SASS puoi customizzare inizialmente tutto quello che vuoi facendo rigenerare il CSS con regole custom.
    Se non è il tuo caso probabilmente e patto che i selettori usati siano corretti , potresti provare ad aggiungere un !important alle regole https://www.html.it/pag/18947/la-keyword-important/

    Calcola che alcune regole vengono già definite e/o sovrascritte per le varie media-query(i vari formati responsive).

  3. #3
    Ciao, grazie della risposta. Sbagliavo la classe da sovrascrivere, dato che il colore dei testi nella navbar è ereditato e non definito in .nav-link. Devo usare di più l'ispeziona di Chrome.

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.