Logo verplaatsen of verwijderen

IN DIT ARTIKEL

Hoe kan ik het logo verwijderen?

  1. Beweeg de cursor over het logo
  2. Klik op ‘Logo Bewerken’
    Logo Bewerken
  3. Selecteer de derde optie – Geen Logo
    Geen Logo
  4. Klik op ‘Verzenden’

Hoe kan ik mijn logo verplaatsen

De positie van je logo hangt voor een groot deel af van het template dat je gekozen hebt.

Oplossing voor gevorderde gebruikers

Je kan de plaats van het logo wijzigen door de heading van je site te wijzigen;

  1. In het menu aan de zijkant ga je naar het tabblad SEO. Klik erop om de Search Engine Optimization instellingen te openen.
    SEO Search Engine Optimization settings
  2. Je zal het header html-code veld vinden in het Head Code of Kop Code menu. Post de volgende code.
    <style>
    .logo
    {
    margin-top: 100px;
    }
    </style>

    Wijzig de waarde van de marge naargelang je het logo naar boven, beneden, links of rechts wil verplaatsen (margin-top, margin-left, margin-right, margin-bottom).

  3. Geeft deze code niet het gewenste resultaat, dan kan de identifier verkeerd zijn – verschillende designs hebben vaak verschillende identifiers. Welke je nodig hebt kom je te weten door de broncode te bekijken. Beweeg de cursor over de stukken code tot enkel het logo oplicht in de layout. Kopieer deze identifier. In dit voorbeeld is jouw identifier ‘logo’, en dus zou de lijn code die je moet vinden er zo uitzien:
    <div id="XXX" class="logo"> <img src="http://…" style="…"></div>

    Zie je een andere identifier of class, wijzig de bovenstaande code in het Kop Code menu. Gebruik ‘#’ wanneer je het object aan het beschrijven bent via de identifier -de ‘id’ waarde- en gebruik ‘.’ in de plaats van ‘#’ wanneer je het object beschrijft via de class waarde.

  4. Sla je werk op en bekijk hoe de site eruit ziet op de verschillende schermen. Let op! De wijziging kan misschien nog niet meteen te zien zijn in de layout die je aan het bewerken bent, maar hij zal wel te zien zijn in de preview schermen – klik op het icoon met het oog in de rechter bovenhoek van je scherm.
  5. Ziet het er goed uit, kopieer dan deze code in de header-sectie van elke pagina – denk eraan dat de SEO instellingen pagina per pagina toegepast worden. Tip: Zou je de Kop Code code willen toepassen voor de hele site, dan kan dat indien je versie 3 van Sitebuilder hebt: klik op “Instellingen” en blader naar beneden: de Kop Code sectie hier telt voor alle pagina’s.
  6. Ziet je mobiele versie er niet goed uit, dan moet je de verhoudingen van de afbeelding aanpassen. OF wanneer je op het tabblad Mobiel werkt, dan kan je naar de Creatieve Modus pagina overschakelen en de afbeelding hele maal veranderen.
Geüpdatet op 3 september 2020

Heeft dit artikel jou geholpen?