Support » Lisäosat ja muokkaukset » Spacious teeman valikkolaatikoiden ja valikkotekstin väri

  • Hei !
    Seurallamme on käytössä Spacious teema http://www.pielisenampujat.net. Muutamissa valikoissa on alivalikoita. Niillä hoveroidessa taustaa kuultaa läpi ja ”valikkolaatikot” ovat valkoisia. Tekstit valikoissa ovat sinisiä. Miten saisimme valikoiden ja valikkotekstien värejä muutettua ?

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • CSS:llä.

    Alavalikon oletustaustaväri:

    .main-navigation ul li ul {
        background-color: #värikoodi;
    }

    Linkkien väri ilman hoveria:

    .main-navigation ul li ul li a, .main-navigation ul li ul li > a, .main-navigation ul li.current-menu-item ul li a {
        color: #värikoodi;
    }

    Linkkien väri ja taustaväri hoveroidessa:

    .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
        color: #värikoodi;
        background-color: #värikoodi;
    }

    Noihin sopivat värikoodit ja sitten vain koodit paikoilleen teeman style.css-tiedostoon.

    Thread Starter pielisenampujat

    (@pielisenampujat)

    Terve,
    Kokeillaan…..

    Thread Starter pielisenampujat

    (@pielisenampujat)

    Terve,
    Kokeilin ensimmäistä ja viimeistä erikseen, mutta mitään ei tapahtunut ?
    Laitoin koodit style.css:n ihan loppuun ?

    No ei näköjään ota, vaikka äkkiseltään näyttäisi olevan oikein. Noita tyylejä tulee tuosta sivun lähdekoodista, onko teemassa itsessään jotain asetuksia, josta niitä voi muuttaa, tai totteleeko WordPressin Customizeria eli Muokkainta?

    Voi myös kokeilla laittaa color: #000000 !important;, jos se auttaisi.

    Thread Starter pielisenampujat

    (@pielisenampujat)

    Style.css:ää muokkasin Ulkoasu -> Muokkain – toiminnolla.
    Kokeilin tuota…!important; – mutta ei muutosta. Alla screeenshotti varoiksi:

    }
    .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
    color: #000000 !important;
    background-color: #2E2EFE !important;
    }

    Jaa-a, vaikea sanoa, kyllä sen noilla pitäisi mennä.

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • The topic ‘Spacious teeman valikkolaatikoiden ja valikkotekstin väri’ is closed to new replies.