CSS Sticky in WordPress

Sticky met CSS een veelgebruikte techniek in WordPress webdesign, stelt elementen in staat om tijdens het scrollen op een specifieke plaats in de viewport te blijven. Dit effect wordt bereikt door de CSS-eigenschap position: sticky; toe te passen op een element. Denk bijvoorbeeld aan een sidebar die in beeld blijft...

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. CSS in de customizer van WordPress Deze vind je via het dashboard van je website en dan ga je naar...

Lees meer

Extra CSS stylesheet laden via je thema

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. Hiermee bespaar je dus op termijn tijd en ontwikkel je een...

Lees meer

Custom CSS menu WordPress

Het toevoegen van een CSS class aan een menu-item in een WordPress website kan handig zijn voor het opmaken en stylen van specifieke menu-items. Bijvoorbeeld, je kunt de laatste menu-item omvormen tot een call-to-action (CTA) knop om het beter te laten opvallen. Waarom Custom CSS toevoegen? CSS classes geven je...

Lees meer

Met CSS text shadow toevoegen aan je tekst

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

Geordende lijst in CSS ander nummer starten

Je kunt een geordende lijst (ol) in HTML eenvoudig laten starten vanaf een ander nummer dan 1 door gebruik te maken van de start attributen in HTML of de counter-reset eigenschap in CSS. Hieronder leg ik beide methoden uit. Methode 1: OL via HTML aanpassen In HTML kun je het...

Lees meer

Opsommingstekens met CSS vervangen door iconen

Het integreren van een lijst met je sociale media kanalen in de footer van je WordPress website is een slimme zet. Hiermee geef je je bezoekers de mogelijkheid om rechtstreeks door te klikken naar jouw verschillende sociale mediaprofielen. Maar hoe voer je dit nu precies uit? Hier laten we je...

Lees meer

Laatste menu item in je hoofdmenu laten opvallen

Laatste menu-item laten opvallen Er zijn tal van situaties waarin je wellicht de behoefte hebt om het laatste menu-item op je website te laten opvallen. Dit kan bijvoorbeeld het geval zijn bij een WordPress-website waar je graag de aandacht wilt vestigen op een offerte-aanvraag, of in een webshop waar het...

Lees meer

Afbeelding met CSS in de achtergrond laden

Op bepaalde WordPress 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...

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 in je WordPress websites. Standaard CSS border Standaard heeft de border-optie in CSS verschillende opties; solid, dotted en dashed....

Lees meer

Mis nooit meer website tips.

Al 500+ webdesigners en marketeers ontvangen onze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.