Title: Logo boven header in twenty eleven
Last modified: 5 augustus 2016

---

# Logo boven header in twenty eleven

 *  Opgelost [Annoj](https://nl.wordpress.org/support/users/annoj/)
 * (@annoj)
 * [13 jaren, 5 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/)
 * Ik ben bezig met het bouwen van een website. Graag wil ik boven de header het
   logo van de organisatie plaatsen. Hiervoor heb ik de onderstaande code gebruikt.
   Het logo is zichtbaar, maar ik wil het graag uitlijnen met de heaader.
    Iemand
   die mij kan helpen?
 * <img padding-left: 20px; width=”1000″ height=”72″ alt=”adcam-logo-header-zonder-
   dienstverlening” src=”[http://www.projectjonna.hu.nl/wp-content/uploads/2013/05/adcam-logo-header-zonder-dienstverlening.jpg.jpg”&gt](http://www.projectjonna.hu.nl/wp-content/uploads/2013/05/adcam-logo-header-zonder-dienstverlening.jpg.jpg”&gt);

15 reacties aan het bekijken - 16 tot 30 (van in totaal 37)

[←](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/?output_format=md)
[1](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/?output_format=md)
2 [3](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/3/?output_format=md)
[→](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/3/?output_format=md)

 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52898)
 * Ik maak eerst een voorbeeld en meld je vervolgens het resultaat.
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52899)
 *     ```
       #branding img {
           width: 30%;/* pas het percentage aan*/
       }
       ```
   
 * De tussenruimte kan ik nog niet ‘bijstellen’.
 *  Thread starter [Annoj](https://nl.wordpress.org/support/users/annoj/)
 * (@annoj)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52900)
 * Deze code werkt bij mij niet….
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52901)
 * De code die je eerder hebt toegevoegd lijkt nu te zijn verdwenen.
 *     ```
       [...]</head>
               <div id="page" class="hfeed">
       	<!-- toevoeging -->
       	<img padding-left: 20px; width="376" height="113" src="http://www.projectjonna.hu.nl/wp-content/uploads/2013/05/logo-met-oranje.jpg" alt="Logo Adcam-Administratie" alt="Logo Adcam-Administratie">
       	<!-- einde toevoeging -->[...]
       ```
   
 *  Thread starter [Annoj](https://nl.wordpress.org/support/users/annoj/)
 * (@annoj)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52902)
 * Het is nu wel gelukt om het logo kleiner te maken!
    Maar de afstand tussen het
   logo en de slider krijg ik niet kleiner. Enig idee?
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52903)
 * !! Maak eerst een backup van de huidige situatie[ je weet maar nooit… 😉 ]
 * Probeer dit eens [childtheme – style.css]
 *     ```
       .easingsliderlite.is-firefox.use-fade.use-css3 {
           width: 1000px;
           height: 10.35em;
           top: -36px;
       }
       ```
   
 *  Thread starter [Annoj](https://nl.wordpress.org/support/users/annoj/)
 * (@annoj)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52904)
 * Waar moet ik de tekst plaatsen?
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52905)
 * in de style.css van je childtheme.
 * == == == extra info
 * Voeg bovenstaande code toe aan `style.css` van je CHILDtheme.
    Zo voorkom je 
   dat al je aanpassingen worden overschreven als de makers van je theme een update
   installeren. Verder heeft het als voordeel dat alle aanpassingen overzichtelijk
   bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.
 * Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.
 * Heb je nog geen childtheme?
    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de _**originele**_ theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
        >> er wordt een child theme aangemaakt 
       in een map met bestanden zoals style.css;
    5.  Activeer het childtheme.
    6. ==
    7.  om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden
       van je child theme.
        – Maak je aanpassingen in style.css van het childtheme;–
       mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de
       betreffende php-file uit het originele theme naar de map van het childtheme.
       Maak hierin dan de gewenste aanpassingen.
 * Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken[
   css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of een andere
   webdeveloper plugin / add-on.
    Zo kan je op zoek naar de diverse elementen en
   de kenmerken zoals kleuren etc. aanpassen.
 *  Thread starter [Annoj](https://nl.wordpress.org/support/users/annoj/)
 * (@annoj)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52906)
 * het lukt me niet om de juiste plaats in de php van het childtheme te vinden waar
   ik de code moet toevoegen
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52907)
    1. In map van je childtheme, staat een bestand dat heet ‘style.css’.
    2. Open ‘style.css’ in een editor
    3. voeg bovenstaande code toe aan dit bestand en sla het op
    4. upload het ‘style.css-bestand weer naar de map van je childtheme [overschrijf
       het oude]
    5. Browser: ververs je browser
 *  Thread starter [Annoj](https://nl.wordpress.org/support/users/annoj/)
 * (@annoj)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52908)
 * Ik heb de code toegevoegd aan de stylesheet, maar er verandert niets
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52909)
 *     ```
       .easingsliderlite {
           position: relative !important;
           top: -37px;
           height:213px;
       }
       ```
   
 *  Thread starter [Annoj](https://nl.wordpress.org/support/users/annoj/)
 * (@annoj)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52910)
 * deze code geeft ook geen resultaat
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52911)
 * Vreemd; Ik heb ze allebei getest op jouw site, en ze werkte beide.
 *  [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * (@wp-ginfo)
 * [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/2/#post-52912)
 * Vreemd; Ik heb ze allebei getest op jouw site, en ze werkte beide.
 * Test je `style.css` eens als volgt:
    Voeg deze code ONDERAAN in de style.css.
 *     ```
       *{
            color:#99cc66; /*de tekst wordt appelgroen*/
       }
       ```
   
 * Druk op <CTRL-F5> en bekijk het resultaat.

15 reacties aan het bekijken - 16 tot 30 (van in totaal 37)

[←](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/?output_format=md)
[1](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/?output_format=md)
2 [3](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/3/?output_format=md)
[→](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/3/?output_format=md)

 Het onderwerp ‘Logo boven header in twenty eleven’ is gesloten voor nieuwe reacties.

## Tags

 * [logo above header](https://nl.wordpress.org/support/topic-tag/logo-above-header/)

 * In: [Thema en CSS/opmaak](https://nl.wordpress.org/support/forum/themas-en-templates/)
 * 37 reacties
 * 2 deelnemers
 * Laatste antwoord van: [W.P. Ginfo](https://nl.wordpress.org/support/users/wp-ginfo/)
 * Laatste activiteit: [13 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/logo-boven-header-in-twenty-eleven/page/3/#post-52919)
 * Status: opgelost

## Onderwerpen

### Meest populaire onderwerpen

### Onderwerpen zonder reacties

### Non-support onderwerpen

### Opgeloste onderwerpen

### Onopgeloste onderwerpen

### Alle onderwerpen