Ondersteuning » Thema en CSS/opmaak » Logo in header

  • Hallo,

    ik wil graag mijn logo toevoegen aan de header van mijn site (ik heb geprobeerd mijn logo toe te voegen op de foto’s in de slider, maar dat gaat ‘m echt niet worden…..).

    http://www.veranderdatgedrag.nl
    Graag linksboven de slider, dus op dezelfde regels als de Tekst.
    theme: Butterbelly

    Is dit mogelijk?
    Alvast enorm bedankt voor de hulp!

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Dat is mogelijk. Er zijn meerdere manieren maar ik zou het via de code proberen.

    Je kunt het logo in de file header.php of page.php verwerken.
    Ga in de wordpress editor naar de file page.php of header.php.

    Je moet op zoek gaan naar deze stukjes code:
    <div class=”header”>
    <div class=”logo”>

    Het is niet makkelijk ze te vinden. Maar je zou na de div class=logo een nieuwe div kunnen maken:
    <div class=”logo”>
    <div id=”divLogoLeft”>
    <img src=”http://www.http://www.veranderdatgedrag.nl/logo1.jpg”/></div&gt;
    <div id=”divLogoRight”>
    Klaus Toegepaste Gedragswetenschappen
    </div>
    </div>
    Daarna kun je de via css het logo zo plaatsen als je zelf wilt.

    Andere manier:
    Kun je niet het logo invoeren via dashboard-weergave- thema- logo invoeren? Wat komt er dan uit? Misschien kun je het neerzetten dan kijk ik er naar.

    De huidige slider komt trouwens niet goed uit de verf in firefox browser.

    Thread starter liekeklaus

    (@liekeklaus)

    Bedankt voor je snelle reactie!

    Het is me gelukt om het logo in de php te verwerken. Alleen nou staat het boven de ’titel’ (Klaus Toegepaste Gedragswetenschappen – Verander dat gedrag).

    Ik had eerst geprobeerd het logo toe te voegen in het thema, maar dan staat ie op precies dezelfde plek.

    Oh en balen dat de slider niet goed uit de verf komt :/ Ik had al op andere PC’s gekeken en die waren wel goed, maar idd volgens mij geen Firefox. Paste hij hem niet automatisch aan?

    Je bent op de goede weg.
    Je hebt nu een div die je kunt benaderen met je css.

    Omdat er nu 2 keer <div class=”logo”> staat kun je van de bovenste beter maken:
    <div class=”logo1″>

    Voeg vervolgens de css toe:

    .logo1{
    float:left;
    width:30%;
    }
    
    .logo{
    float:left;
    width:70%;
    }
    
    #divLogoLeft img{
    width:100%;
    }

    <div id=”divLogoRight”> </div> kun je er helemaal uit halen. Het idee was om daar de tekst in te zetten. Maar het kan zo ook wel hoor.
    Kun je dit aanpassen en en kijken of je er dan bent?

    Slider firefox:
    Helaas wordt het niet automatisch aangepast.
    Test je website altijd voor IE chrome en FF. Kan op dezelfde pc.

    Volgens mij komt het omdat de display table is.

    regel 6 .css file:

    #wowslider-container8 {
        box-sizing: content-box;
    <strong>display: table;</strong>
        font-size: 10px;
        margin: 0 auto;
        max-height: 360px;
        max-width: 100%;
        position: relative;
        text-align: left;
        text-shadow: none;
        width: 100%;
        z-index: 90;
    }

    via display:inline-block; kun je dat oplossen. Maar of het dan goed komt in chrome en IE moet je testen.

    Thread starter liekeklaus

    (@liekeklaus)

    Ik heb van de bovenste ‘logo’ ‘logo1’ gemaakt en daarna de css gekopieerd en geplakt. Er veranderde niks, dus toen de onderste ‘logo’ veranderd. Maar toen veranderde er weer niks.

    Over de slider: bij Chrome doet ie t wel gewoon goed. Bij .css file heb ik niks over de wowslider staan. Ik had puur bij de header de shortcode erin geplakt tot ie daar stond waar ik em wilde..

    Thread starter liekeklaus

    (@liekeklaus)

    Bij Chrome is het wel veranderd, zie ik nu! Daar staat het logo inderdaad links, alleen niet boven de slider maar tussen de tekst (de tekst heeft nu ‘enters’ ertussen en begint niet in het midden maar rechts).

    logo is nu in logo1 komen te staan.

    Je moet zoiets hebben:
    <div class=”logo1″>
    <div id=”divLogoLeft”></div>
    </div>

    <div class=”logo”>
    <hgroup>
    </div>

    de slider komt staat nu op 100% width en is in FF ook goed te zien hier.

    Thread starter liekeklaus

    (@liekeklaus)

    Slider: Top! Niks meer aan doen 🙂 In chrome en IE doet ie t ook.

    Logo: staat links (ietwat groot en onduidelijk > is voor latere zorg). Alleen de tekst staat niet naar mijn zin, hoe krijg ik de tekst naar beneden zodat het ong in het midden staat van het logo?

    ik heb je een mailtje gestuurd naar info@ Ik zal een screenshot mailen.

    Thread starter liekeklaus

    (@liekeklaus)

    Ik heb teruggemaild, maar vraag me af of je het wel ontvangen hebt?

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Het onderwerp ‘Logo in header’ is gesloten voor nieuwe reacties.