Ga door naar inhoud

WPHelpdesk

Redder bij WordPress problemen

  • Home
  • Gestelde vragen
  • Referenties
  • WordPress onderhoud
  • Stel je vraag
Menu

Je WordPress vraag of probleem
snel opgelost met WPHelpdesk

Ingezonden vraag door: Karl

Uitlijnen logo t.o.v. de rest van de pagina.

Website: Alfa Systems NV — 28 mei 2014 om 10:13

Beste,

zoals je op de website kan zien verschuift het logo bovenaan iets naar rechts. Hoe los ik dit op?
Mijn dank voor een antwoord.

Met vriendelijke groeten,

Karl Beckers
Alfa systems NV

Beantwoord door Richard

Hoi Karl,

Daarvoor zal er CSS code toegevoegd moeten worden.

De meest eenvoudige manier om CSS toe te voegen aan WordPress is doormiddel van de Custom CSS functionaliteit van de Jetpack plugin. Die plugin en informatie over de CSS functie kan je hier vinden: http://jetpack.me/support/custom-css/
Installeren kan via het Dashboard > plugins > Nieuwe plugin > Jetpack (Eventueel zoeken)

Om te bepalen welke CSS code nodig is moeten we eerst weten welke class of id het om gaat, dat kan door met de rechtermuisknop op het betreffende element te klikken en vervolgens ‘inspect element’ te klikken.

inspect element - Chrome

bron code
In dit geval is het vrij duidelijk dat het logo in een div staat met id ‘logo’

In CSS moet er voor een id een # komen en voor een class een . (punt).

In het geval van het voorbeeld zou het logo verplaatst kunnen worden met de volgende css code:

#logo{
  margin-left: 10px;
}

Deze code creëert een extra ruimte van 10 pixels aan de linkerzijde, zodat alles meer naar rechts schuift.

Je kan meerdere code’s toevoegen aan 1 element

Met de volgende code voeg je ruimte aan iedere kant van het logo toe:

#logo{
  margin-top:10px;
  margin-right: 10px;
  margin-bottom:10px;
  margin-left: 10px;
}

Activeer de CSS functie van Jetpack
jetpack instellingen

Activeren:
CSS activeren

Klik Configureren:
CSS configureren

Plaats CSS code:
CSS code typen
Vergeet niet op te slaan! Deze pagina kan je nu ook vinden onder
Weergave > CSS Bewerken

Advies op maat nodig?
Stel je vraag aan onze WordPress experts

Vul onderstaand formulier in om je vraag beantwoord te krijgen
  • Hidden
  • Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.
Navigatie
  • Home
  • Onderhoudsabonnement
  • Probleem oplossen
  • Stel je vraag
  • Referenties
  • Contact
Populair
  • Pagina als homepage instellen
  • WooCommerce vanaf prijs tonen
  • Wat is SSL/HTTPS? Is dit verplicht?
  • ‘Geef een reactie’ verwijderen
  • WordPress Bellen
  • Nieuwe plugin nu wit scherm
  • WordPress.com account opzeggen
  • Nieuw e-mail adres aanmaken
© WPHelpdesk.nl – 2023 | Characters & animation made by Beeldkrullend <3
0900-0279 zoeken stel je vraag
  • Home
  • Gestelde vragen
  • Referenties
  • WordPress onderhoud
  • Stel je vraag