Support » Ohjeet ja vianmääritys » Kuinka vaihtaa h1, h2…h6 fontit

  • Moikka,

    Tavoitteena on vaihtaa koko sivuston fontit ”Industry” fonttiin Adobe fontsin kautta.
    Tähän mennesasä olen onnistunut vaihtamaan a, p, li, span ja div kohtien fontit muokkaimen ”oma CSS” kohdan kautta.

    En keksi miten saisin kaikkien h1,h2…h6 otsikoiden fontit vaihdettua industrialiin.

    Vilho

    • Tätä aihetta muokkasi 4 kuukautta, 1 viikko sitten  Mikko Saari. Syy: HTML-koodin korjaus

    The page I need help with: [log in to see the link]

Esillä 2 vastausta, 1 - 2 (kaikkiaan 2)
  • Saiskos saman ilman HTML-tageja (vinkki: tagit voi ihan hyvin esittää ilman kulmasulkuja), niin ei menisi koko sivu rikki.

    Esimerkiksi h2-otsikoiden kirjasin tulee tällaisella CSS-valitsemella:

    #main .post h2, #main .reading-box h2, #main h2, .cart-empty, .ei-title h2, .fusion-modal h2, .fusion-title h2, .fusion-widget-area h2, .main-flex .slide-content h2, .post-content h2, .title h2

    Tahtoo siis sanoa, että jos itse määräät pelkällä h2-valitsimella kirjasinta, se jää näiden täsmällisempien valitsimien jalkoihin: CSS:ssä aina tarkin valitsin on se, joka tyylit lopulta määrää. Näissä on esimerkiksi leipätekstin osalta kahden tarkkuus, eli id (#main) ja tagi (h2). Voidaksesi jyrätä tuon, sun on käytettävä vähintään samaa tarkkuutta.

    Toinen vaihtoehto on käyttää isoa jyrää ja laittaa näin:

    h1, h2, h3, h4, h5, h6 {
        font-family: industry,sans-serif !important;
    }

    Kiitos jälleen kerran Mikko!

    Tuo

    !important

    korjasi kaiken. Samaan ongelmaan oli monet etsineet ratkaisua englannin kielisillä foorumeilla, mutta mistään en ratkaisua löytänyt. Onneksi täältä saa apua ja vastauksia nopeasti! Kiitos.

Esillä 2 vastausta, 1 - 2 (kaikkiaan 2)
  • You must be logged in to reply to this topic.