Naar de hoofdinhoud
Alle collectiesFacturenFactuur makenCSS
Logo meer naar boven of naar links verplaatsen
Logo meer naar boven of naar links verplaatsen

Verplaats het logo eenvoudig naar boven of links met behulp van CSS.

Deze week bijgewerkt

Het is mogelijk om het logo meer naar boven te plaatsen. Dit kan met behulp van CSS in de huisstijl editor. Volg hiervoor de volgende stappen:

  1. Ga naar Instellingen > Huisstijl en klik op de betreffende huisstijl.

  2. In de editor klik je op de knop CSS.

  3. Kopieer onderstaande CSS code en plak dit in het witte tekstveld.

  4. Als je op een willekeurige andere plek op de pagina klikt, wordt de CSS doorgevoerd, je kunt ook een voorbeeld-PDF openen om het resultaat te bekijken.

  5. Je kunt het getal -20 naar wens aanpassen, hoe lager het getal (bijvoorbeeld -40) hoe hoger het logo komt te staan. Als je het wijzigt en je klikt weer op een willekeurige andere plek op de pagina, wordt de wijziging doorgevoerd.

  6. Als het goed staat, klik onderaan op Opslaan om de wijziging op te slaan. De wijziging wordt doorgevoerd op eventuele concept facturen/offertes die klaar staan en de nieuwe facturen/offertes die je maakt. Facturen en offertes die al verzonden zijn, worden niet meer aangepast.

De CSS code die je kunt gebruiken is om het logo naar boven te verplaatsen:

div.document div.header .logo {
  margin-top: -20px;
}

De CSS code die je kunt gebruiken is om het logo naar links te verplaatsen:

div.document div.header .logo {
  margin-left: -20px;
}
Was dit een antwoord op uw vraag?