Ondersteuning » Thema en CSS/opmaak » Header image horizontaal centreren

  • Opgelost enijhuis

    (@enijhuis)


    Zie http://www.moveg.nl/
    Nadat ik de updates had gedraaid staat mijn header image opeens links.
    Hoe centreer ik het header image?

    wp version: 4.2.2

    Genesis FW, Version: 2.1.2
    Nomadic Child ThemeVersie: 1.0

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Verander dit in je style.css van je thema (dikgedrukte):

    #header {
        background: url(http://www.moveg.nl/wp-content/uploads/2011/11/Header_v9.png) top center no-repeat !important;
    }

    Thread starter enijhuis

    (@enijhuis)

    Beste Ruurd,

    Dank voor je antwoord.
    Zie plaatje. Het toont dat jouw voorgestelde aanpassing werkt:
    Plaatje
    Omdat ik het Genesis framework gebruik vermoed ik echter dat de style sheet gegnereerd wordt (“inlne:32”).
    Klopt dit? Wat dien ik aan te passen?

    Ik zie het ja. Zijn er misschien binnen het thema een aantal opties beschikbaar?

    Voor nu zou ik zonder toegang niet kunnen vertellen waar dit gegenereerd wordt.

    Thread starter enijhuis

    (@enijhuis)

    Ik heb alle opties binnen het thema/fw bekeken maar centreren lukt niet 🙁
    Het lijkt mij een bug binnen Genesis. Als ik erachter kom waar het zit in het php script is de kans groot dat de wijzigingen overschreven worden door een volgende update..
    Helaas is het Studiopress forum niet meer gratis.

    Moderator Mike

    (@mike_vl)

    heb je al gedacht aan een childtheme?
    Child themes krijgen geen update notices.

    En als je zou willen zou je zelfs voor je child theme die je nu gebruikt nog een child theme kunnen maken. (een child van een child dus)

    Thread starter enijhuis

    (@enijhuis)

    Zie nogmaals plaatje.
    De getoonde style.css is het actieve child theme “Nomadic” van het Genesis framework.
    Het #header-property word niet overerft.
    Wellicht is het een specifieke bug in theme Nomadic.

    Moderator Mike

    (@mike_vl)

    Dat zou kunnen. In principe zou je naast important ook nog kunnen proberen om specifieker te verwijzen.

    Beiden verwijzen nu naar #header.

    Probeer eens te verwijzen naar .home #wrap #header

    Thread starter enijhuis

    (@enijhuis)

    De volgende toevoeging in style.css loste het op:

    /* Toevoeging om header image te centreren */
    #wrap #header {
        background-position: center !important;
    }

    Dank wel Mike!
    Omdat het bij andere pagina’s nog fout ging heb ik .home verwijderd.

    Thread starter enijhuis

    (@enijhuis)

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Header image horizontaal centreren’ is gesloten voor nieuwe reacties.