Support » Algemene WordPress vragen » Achtergrond foto alleen op homepage in een thema

  • Ik zou graag een stilstaande “fullscreen”achtergrond foto willen hebben op de homepage.
    Als ik in mijn thema “University” de foto plaats in de achtergrond (via customizer) komt deze op alle pagina’s. Hoe kan ik dit voorkomen? Dus een achtergrond foto enkel op mijn hompage.
    Dank alvast.

    Groeten Johan

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hoi,

    De gemakkelijkste manier zou die functie gebruiken zijn, kijken welke CSS er wordt gebruikt om die in te stellen (rechtsklikken, inspecteer), die CSS te kopiëren naar de Extra CSS in de Customizer en in de selector er .home voor te zetten…

    Klinkt dit duidelijk?

    Groet,
    Jeroen

    Dit ga ik proberen maar is nieuw voor mij. Ben bang dat toch op elke pagina de foto blijft verschijnen als achtergrond.
    Toch bedankt oor je tip.
    Groeten Johan

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Je kunt ook een URL geven van je site met een achtergrond actief, dan kan ik kijken welke CSS het thema hiervoor gebruikt, daarna kan ik dat hier terugkoppelen. Hangt namelijk van je structuur af…

    Groet,
    Jeroen

    http://www.taaltraining-breda.nl
    zou fijn zijn.
    Niet op de inhoud letten deze is niet op orde maar wil eerst de site op orde hebben

    Dank je
    Groeten johan

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hoi,

    Dit is de code die zorgt voor de achtergrond:

    body.custom-background {
        background-color: #eaeaea;
        background-image: url(http://www.taaltraining-breda.nl/wp-content/uploads/2016/11/ICT-4ALL-TRAINPOINT-BREDA.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: repeat;
        background-attachment: fixed;
    }

    Als je dus de instelling terug uitschakelt en dan dit stukje aanpast en er .home voorzet, dan zou dat enkel moeten gelden voor de homepage.

    Dat stukje zet je dan in Weergave > Customizer > Extra CSS, of als je een childthema in gebruik hebt in je style.css

    Groet,
    Jeroen

    Dag Jeroen,

    Super dat je me wil helpen.

    body.custom-background {
    background-color: #eaeaea;
    background-image: url(http://www.taaltraining-breda.nl/wp-content/uploads/2016/11/ICT-4ALL-TRAINPOINT-BREDA.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
    }

    Als ik dit in de extra CSS van de customizer zet zie ik direct de achtergrond.
    Ik kan alleen de homepage niet selecteren. Ik begrijp niet goed wat je bedoelt met: – – – .home
    – Weergave >
    – Customizer >
    – Extra CSS,

    Ik heb geen Child
    Dat stukje zet je dan in Weergave > Customizer > Extra CSS, of als je een childthema in gebruik hebt in je style.css

    Ik wil je best vergoeden voor je hulp. Ben ik blij mee.

    Groeten Johan.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hey Johan,

    Gewoon dus veranderen naar:

    .home body .custom-background {
    background-color: #eaeaea;
    background-image: url(http://www.taaltraining-breda.nl/wp-content/uploads/2016/11/ICT-4ALL-TRAINPOINT-BREDA.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
    }

    Zou moeten lukken…

    Groet,
    Jeroen

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Achtergrond foto alleen op homepage in een thema’ is gesloten voor nieuwe reacties.