Responsive design op basis van 1024px gaat problemen geven

Probleem: Maak jij ook websites? Dan zal jij die ook responsive maken zodat ze goed ogen op kleinere schermen zoals tablets en smartphones. Gebruik je een thema in WordPress of Elementor dan zal deze dat al voor een groot gedeelte voor je doen. Maar je kan natuurlijk in jouw CSS bestand ook nog zelf styling toevoegen. Een bekende methode is de volgende regel CSS: Deze

Lees meer

Elementor button toont vreemde aanraakkleur op iPad/iPhone

Probleem: Je hebt in WordPress met Elementor een pagina voorzien van Button widgets om bezoekers door te sturen naar andere pagina’s. Om deze visueel wat mooier te maken hebben ze standaard een rode achtergrond met zwarte tekst. Raak je de knoppen met de muis aan dan krijgen deze een gele achtergrond met zwarte tekst. Het hover effect. Voor de overgang maakt Elementor gebruik van de

Lees meer

WordPress CSS voor editor inladen zonder thema via plugin

Vraag: Het valt me op dat voor een WordPress website met het Hestia thema in de editor vette tekst niet als vet word getoond. Als ik dit via de browser inspecteer zie ik dat tekst, tussen strong tags, wordt voorzien van standaard opmaak. Aan de voorkant van de website wordt vette tekst wel juist getoond. Ik wil dit oplossen door eigen CSS toe te voegen

Lees meer

Doorzichtig gekleurde laag over afbeelding plaatsen met CSS

Probleem: Voor een WordPress website gemaakt in Elementor Pro moest ik een pagina maken met een overzicht van blog berichten. Hiervoor heb ik gebruik gemaakt van de Elementor Post Widget. De uitdaging was om over de uitgelichte afbeelding van ieder bericht een doorzicht gekleurde laag te plaatsen. De Elementor Post Widget biedt hier geen oplossing voor. Wel kan je met de CSS filter eigenschap o.a.

Lees meer

Hello Elementor child theme style.css inladen op de juiste manier

Maak je gebruik van het Hello Elementor thema? Dan maak je vast ook gebruik van een child theme. In dit child theme plaats je jouw eigen PHP functies en CSS aanpassingen die niet mogelijk zijn in Hello Elementor. Het Hello Elementor thema is eigenlijk een leeg thema zonder voor gedefinieerde templates. Handig als je zelf jouw gehele website met de Elementor plugin wil maken. Wil

Lees meer

WordPress begint genummerde lijsten (ol/li) niet opnieuw door CSS

Probleem: Sinds een aantal weken valt het mij op dat als ik meerdere genummerde lijsten in een blog gebruik, deze niet opnieuw beginnen bij 1. Met genummerde lijsten bedoel ik de lijsten die met ol en li tags worden gemaakt in HTML code. Dit heeft in het verleden juist gewerkt. Oplossing: Na het analyseren van de HTML en de CSS valt het mij op dat

Lees meer
MailPoet logo.

MailPoet staat het laden van eigen CSS niet toe in wp-admin

Probleem: Vorige week wilde ik in de wp-admin omgeving van mijn website CSS styling toevoegen. Dit was nodig om een irritante mededeling te verbergen die continue zichtbaar bleef. Je kon deze niet verbergen door op het kruisje te klikken en deze was gauw 3 cm hoog. Ik heb hiervoor gebruik gemaakt van onderstaande PHP code die mijn CSS bestand deed inladen. De mededeling werd prima

Lees meer

Phlox thema toont horizontal scrollbar in Chrome

Probleem: Mijn website gebruikt het Phlox thema. Onlangs viel het mij op dat wanneer je in Chrome een blog bezocht er een horizontal scrollbar werd getoond. Een vertical scrollbar is handig maar een horizontal scrollbar is over het algemeen overbodig. Ik had het idee dat het probleem zich toen alleen voordeed op mijn 15 inch laptop scherm. Vandaag viel het mij op dat het probleem

Lees meer

Elementor Form Widget e-mails opmaken met HTML en CSS

Heb je de betaalde versie van de Elementor plugin, ook wel bekend onder de naam Elementor Pro? Dan kan je ook gebruik maken van de Form Widget om gemakkelijk formulieren toe te voegen aan jouw website. Ideaal voor contactformulieren of om mensen aan te laten melden voor een nieuwsbrief. De Form Widget biedt functionaliteit om ingevulde formulieren te sturen naar andere informatiesystemen. Je kan bijvoorbeeld

Lees meer
Logo van YouTube.

IFRAME 100% breed met juiste hoogte verhouding via CSS

Probleem: Op een website wil je dat een IFRAME altijd 100% breed getoond wordt. Dit is makkelijk in te stellen met width=”100%”. Maar stel dat je een Youtube film via een iframe in wilt laden dan is verhouding met de hoogte heel belangrijk. Height=”100%” gaat dan niet werken want het iframe wordt dan veel te hoog. Oplossing: Voeg onderstaand stukje CSS toe aan je CSS

Lees meer
Winkelmandje