Lettertype inladen via CSS

Binnen veel thema’s heb je de mogelijkheid om Google Fonts in te laden. Mocht je nu toch een ander font willen hebben dan kun je dit inladen en via CSS selecteren op basis van een class. Je hebt een .woff en .woff2 lettertype bestand nodig. Let wel op dat je...

Lees meer

Extra tekst laden met :after content via CSS

Er zijn verschillende redenen te bedenken waarom je een extra tekst toe wilt voegen zonder dat je hiervoor de ruimte hebt. Denk bijvoorbeeld aan een tagline onder je logo, of een zwevende pijl om de aandacht te vestigen op een belangrijk onderdeel van je website. In dit voorbeeld leggen we je...

Lees meer

Extra CSS in WordPress plaatsen?

Er zijn heel veel verschillende plaatsen waar je de CSS kunt plaatsen voor je website. We zullen een aantal opties opsommen waar je de CSS nog meer zou kunnen plaatsen. In de customizer van WordPress Deze vind je via het dashboard van je website en dan ga je naar Customizer....

Lees meer

Extra CSS stylesheet laden via je thema

In de vorige alinea hadden we het over het inladen van een stylesheet specifiek voor mobiel. Dit kan bijvoorbeeld ook een stylesheet zijn voor WooCommerce of voor de styling van Gravity Forms. Bijkomend voordeel is dat je dit voor één website kunt maken en vervolgens bij andere websites kunt integreren....

Lees meer

Text shadow met CSS

Je hebt binnen je website een standaard opmaak voor je tekst en uiteraard maak je voor de beste SEO resultaten gebruik van bijvoorbeeld H1- en H2-koppen. Sliders gebruik jij natuurlijk niet, wil je weten waarom stuur ons dan gerust een berichtje, maar een mooie website zul je mogelijk wel voorzien van een...

Lees meer

Opsommingstekens met CSS vervangen door iconen

Een lijst met je socialemediakanalen in de footer is een handige optie om je bezoekers de mogelijkheid te geven om door te klikken naar jouw socialemediakanalen. Maar hoe plaats je dit? Maak een widget en zorg dat hier een ongeordende lijst komt met de kanalen die je nodig hebt. Dit...

Lees meer

Laatste menu item in je hoofdmenu laten opvallen

In verschillende gevallen kun je een reden hebben om het laatste menu-item op te laten vallen. Dit kan bijvoorbeeld in een WordPress website zijn dat je een offerte-aanvraag op wilt laten vallen of in een webshop dat het laatste menu-item je sale-categorie is. Deze verdienen de aandacht. Hoe je dit doet? Door...

Lees meer

Afbeelding met CSS in de achtergrond laden

Op bepaalde websites kan het qua design passen om een achtergrond te laden. Regelmatig gebruiken wij dit met een sterk vervaagde achtergrond zodat de achtergrond puur voor het design is en niet de aandacht wegtrekt. Als voorbeeld nemen we de website van Tim’s Verhuurbedrijf uit Gouda die wij mochten bouwen. Op de...

Lees meer

CSS border toevoegen

Een border rondom een afbeelding? Of een border rondom een tekstblok? Aan de hand van een voorbeeld leggen we je uit hoe je een border kunt aanpassen naar jouw eigen stijl. Standaard heeft de border-optie in CSS verschillende opties; solid, dotted en dashed. Wil je meer, maak dan je eigen...

Lees meer

Letter spacing met CSS

Letter spacing is de ruimte tussen letters in een woord of zin op een WordPress website of bijvoorbeeld in Word. Door de letter spacing aan te passen, kun je de tekst er anders laten uitzien. Als de letter spacing wordt vergroot, dan worden de letters meer van elkaar gescheiden, ze...

Lees meer