Ondersteuning » Thema en CSS/opmaak » achtergrond per pagina anders

  • In Weaver wil ik voor elke pagina een andere achtergrond hebben.
    Hoe doe ik dat?

    .page-id-85 #background {
    background-image:url('http://www.domein.nl/wp-content/uploads/2012/12/bg7.jpg');
    background-repeat:no-repeat;
    background-position:right top;
    }

    Op deze manier?
    Dit werkt wel als ik achtergrond van de content per pagina anders wil hebben. ipv #backgroud zet ik #content neer

    .page-id-85 #content {
    background-image:url('http://www.domein.nl/wp-content/uploads/2012/12/bg7.jpg');
    background-repeat:no-repeat;
    background-position:right top;
    }

    Grt.,

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Dat komt omdat #content een ID is in de broncode en #background waarschijnlijk niet.

    In CSS worden de HTML ID’s aangegevens met een # en een CLASS met een puntje.

    Dus als volgt.

    <body class="page-id-85">
    …..
    </body>

    De CSS die daar bij kan horen is dan als volgt.

    .page-id-85 {
    …. hier komt dan de background informatie. ...
    }

    In het geval van de content gaat het als volgt.
    Daar heb je waarschijnlijk dit staan.

    <div id="conent">
    …. blablablabl …
    
    </div>

    En de CSS die daar bij hoort gaat dan als volgt.

    #content {
    …. hier wat je wilt doen…
    }

    Maar bovenstaande code zou ALLE content ID aanpassen dus moet je een specifieke pagina toewijzen.
    Als volgt.

    .page-id-85 #content {
    … hier komt wat je wilt doen ..
    }

    Zie je dat je nu de pagina ID hebt genomen van bijv. de contact pagina bij de body tag. + de #content ID.

    Thread starter amri

    (@amri)

    Hmm… Hier moet ik echt over nadenken.
    Waar het om gaat is deze site
    Zoals je ziet staat het poppetje op de achtergrond.
    Nu wil ik voor de overige pagina’s een ander poppetje hebben.
    Eea heb ik al klaargemaakt, geupload, maar ja… en toen…

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘achtergrond per pagina anders’ is gesloten voor nieuwe reacties.