Support » Teemat ja mallit » Otsake läpinäkyväksi

  • Resolved tuukkah7

    (@tuukkah7)


    Hei,
    Haluaisin sivujeni yläosassa olevan logon jotenkin järkevämmän näköiseksi. Olen vasta-alkaja ja sivut harjoitusvaiheessa, eivät vielä pyöri täysin. Haluaisin tuon logon nyt ehkä niin, että sen takana ei olisi valkoista palkkia lainkaan. Osaan muokata kuvan photoshopilla png muotoon, jonka jälkeen sen saan tuonne niin, että se leijuisi tuon taustakuvan päällä. Ongelma on, että en saa tuota otsaketaustaa valikon yläpuolelta läpinäkyväksi vaan se aina lyö valkoiseksi tuon.
    Onko jotain tehtävissä?

    • Tätä aihetta muokkasi 1 vuosi, 5 kuukautta sitten tuukkah7.

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

Esillä 4 vastausta, 1 - 4 (kaikkiaan 4)
  • Nyt logo on <div id="page" class="site"> sisällä ja tälle diville on asetettu CSS:ssä taustaväriksi valkoinen. Tämän vuoksi valkoinen taustaväri tulee myös logon taustalle.

    Yksi vaihtoehto on muuttaa sivun rakennetta hieman. Tuolta #page -diviltä pois taustaväri ja laitat headerin jälkeen esimerkiksi <main> -tägin (tai ihan vain divin), jonne laitat sivun sisällön ja jolle asetat valkoisen taustavärin. Myös valikolle pitäisi asettaa taustaväri tässä tapauksessa.

    Thread Starter tuukkah7

    (@tuukkah7)

    Moi kiitos vastauksesta!
    Kuulostaa helpolta, mutta nyt tarvitsisin hieman tarkempia ohjeita. 😬 Saanko tuon tehtyä tuon teemaeditorin kautta? En löydä noita kohtia sieltä. Löysin tuon div rivin tuosta sivulta kun katsoin sivun lähdekoodia, mutta mitä kautta pääsen muokkaamaan sitä? Teemaeditorissa on style.css valikko, mutta en löydä tuollaista #page kohtaa? Olen hieman ulkona, html kieltä olen joskus kymmenen vuotta sitten tehnyt, mutta css on vieras, samoin wordpress 😀

    Niin tosiaan valikko pitäisi saada valkoiseksi, koska muuten se ei erotu

    • Tätä vastausta muokkasi 1 vuosi, 5 kuukautta sitten tuukkah7.
    • Tätä vastausta muokkasi 1 vuosi, 5 kuukautta sitten tuukkah7.
    Thread Starter tuukkah7

    (@tuukkah7)

    Löydän css tyylitiedostosta riviltä 1025 tämän:

    site{
    background: #fff;
    }

    Ilmeisesti tämä tulee muuttaa transparentiksi, mutta en ymmärrä jälkimmäistä osaa ohjeesta. Eli mitä tarkoittaa tuo main tägin ja sivun sisällön lisääminen ja mihin se tapahtuu?

    Thread Starter tuukkah7

    (@tuukkah7)

    Vaihdoin teemaa ja sain sivun paremmaksi.. Varmaan nyt yksinkertaisin tapa näköjään.

Esillä 4 vastausta, 1 - 4 (kaikkiaan 4)
  • The topic ‘Otsake läpinäkyväksi’ is closed to new replies.