Soms is er maatwerk nodig in jouw leeromgeving of wil je een kleine wijziging maken in het design op jouw WordPress site. Gelukkig kan dat heel gemakkelijk met een stukje CSS code. Het kan dus ook zijn dat ik (of iemand anders) jou een stukje CSS code geeft als antwoord op jouw vraag.
Waar plaats je de CSS code?
Navigeer naar weergave > Customizer > Extra CSS. Plak vervolgens je code en druk op opslaan.
Let er op dat je bij het plaatsen goed let op de haakjes, punt/komma’s en uitlijning. Bij CSS komt het heel precies. Één foutje en de code werkt niet. Het programma geeft d.m.v. een rood kruisje in de kantlijn ook aan als er een fout of error is opgetreden.
CSS code werkt niet
Het kan zijn dat je soms even je cache moet legen van je website of de cache van je Chrome zelf. Het kan namelijk zijn dat je na het opslaan de veranderingen nog niet ziet. Je kunt ook 24 uur wachten. Soms werkt het dan nog niet, dan kun je het volgende proberen bij de code die hij nog niet pakt.
Stel je hebt deze code ontvangen:
body.assistant-page .assistant-card-container {
background: #fffff;
}Dan kun we er meer prioriteit aan geven door het woordje !important in te voegen:
body.assistant-page .assistant-card-container {
background: #fffff !important;
}Truckje dat nog wel eens werkt. Let heel goed op de haakjes en ; want 1 foutje en je code werkt niet.