CSS tips – Lamper Design

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....

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....

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...

Opsommingstekens met CSS vervangen door iconen

Het integreren van een lijst met je socialemediakanalen in de footer van je 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 zien hoe je...

Laatste menu item in je hoofdmenu laten opvallen

Het Laatste Menu-Item Laten Opvallen: Tips en Tricks 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...

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...

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...

Lettertype inladen via CSS

Het Laden van Lettertypen via CSS: Stijlvolle Tekst voor Jouw Website Lettertypen spelen een cruciale rol in het ontwerp van een website. Ze beïnvloeden niet alleen de leesbaarheid van de inhoud, maar dragen ook bij aan de algehele esthetiek en merkidentiteit van de site. Het kiezen van het juiste lettertype...

Extra tekst laden met :after content via CSS

Het Verrijken van je Website met Extra Tekst via CSS :after Content Er zijn talloze situaties waarin je extra tekst aan je website wilt toevoegen zonder de beschikbare ruimte te verstoren. Denk bijvoorbeeld aan het invoegen van een pakkende slogan onder je logo om je merkidentiteit te versterken, of aan...

Letter spacing met CSS

De kracht van letter spacing met CSS: Verbeter de leesbaarheid en stijl van tekst Letter spacing, ook wel bekend als spatiëring tussen letters, is een krachtige designtechniek waarmee je de visuele weergave van tekst op een WordPress-website, in Word-documenten, of elders kunt aanpassen. Door de afstand tussen letters in een...

Wordpress kennisbank