Support » CSS / opmaak vragen » Extra logo in header

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Ik zie dat het om het thema Spacious gaat. Dit is een commercieel thema. Ik zou je aanraden contact met hen op te nemen voor het toevoegen van een extra logo. Zie thema support hier van Themegrill. Ik denk wel dat dit een aanpassingen van de header code zal vereisen. Niet heel lastig, maar verstand van html/css en php is dan wel vereist.

    Hi Marc,

    we kunnen je ook wel een beetje helpen.

    In je theme zit (zeer waarschijnlijk) een bestand genaamd header.php. Hierin wordt de header van html/php voorzien. In dit bestand zie je op gegeven moment staan: . Hieronder de code die sub-divjes kent met het zoekveld, de taalvlaggetjes en het menu ‘plaatst’. Wij kunnen slechts de html lezen, niet de php. Dus wat hieronder staat is (waarschijnlijk) niet compleet.

    Op gegeven moment wordt het menu benoemd

    <div id="header-right-section">
    .....etc......
    <nav id="site-navigation" class="main-navigation" role="navigation">
    .....etc......

    Daarboven plaats je een nieuwe div zetten, met het tweede logo erin (eerst opnemen in je media-bibliotheek, al op de maat die je wilt):

    <div id="header-right-section">
    .....etc......
    <div id="second-logo"><img src="http://www.intertras.de/wp-content/uploads/2015/06/bestandsnaam-van-je-tweede-logo" alt=""> </div>
    <nav id="site-navigation" class="main-navigation" role="navigation">
    .....etc......

    Dan zul je met css het plaatje willen positioneren. Dit doe je met css in style.css-bestand van je theme. De volgende code plaatst het logo strak uitgelijnd met Home

    #second-logo {
    padding-left:25px;
    }

    Twee tips:

    • Doe dit in een childtheme. Zegt je dit niets, YpuTube dan met deze term, dan snap je al snel waarom & hoe. Je plaatst een copy van de originele header.php in dit childtheme
    • Ik denk dat je niet veel ervaring hebt met het ‘lezen’ van de code: een foutje ligt op de loer en je site (incl de admin-kant) slaat op wit. Doe dit geintje uitsluitend met ftp-toegang tot je bestanden, zodat je de oorspronkelijke code weer kunt herstellen.

    Succes!
    Lianne

    Beste Rhand,

    Ik heb een email gestuurd naar Themegrill. Zij zeggen alleen dat ik een text widget moet plaatsen in mijn header. Dit heb ik al geprobeerd maar dat geeft niet het resultaat dat ik wil.

    Ik ga nu met de informatie van Lianne aan de slag.

    Bedankt voor je reactie.
    Groeten

    Marc

    Beste Lianne,

    Ontzettend bedankt voor de informatie die je gestuurd hebt. Ik ga dit zeker proberen nadat ik alle producten en overige info op de site heb staan.

    Ik laat weten als het gelukt is.

    Groeten

    Marc

    Hi Marc,

    Ik zie pas nu dat de zoekfunctie en de taalvlaggetjes in een widgetarea staan (wat je ook hierboven vertelt). Dan pleit ik toch wel voor de oplossing van je themebouwer. Als laatste widget het plaatje in een textwidget opnemen.
    Je vertelt dat dit niet het gewenste resultaat oplevert, maar dat is met css volledig te corrigeren.

    Ik beveel je dit aan, omdat dit de meest ideale manier is en geen php-risico’s inhoudt. Ik had je dit ook aanbevolen als ik direct had begrepen dat deze positie in het theme als widgetarea was benoemd.

    Uiteraard kunnen we je met de juiste css-declaraties zo nodig helpen.

    groet,
    Lianne

    Beste Lianne,

    Bedankt voor je reactie en advies.

    Ik heb het logo middels een textwidget in de header geplaatst. Echter vanwege de leesbaarheid van de logotekst heb ik toch besloten hem niet in de header te plaatsen. Ik ga hem nu ergens anders plaatsen.

    Bedankt voor de moeite

    Groeten

    Marc Horrée

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