Important to know when updating Font Awesome to version 6

Today I updated a WordPress site with a custom theme to make it work correctly with PHP 8.1 and WordPress 6.4.2. One of the steps I took was to upgrade from Font Awesome 5 to 6. Although some of the code still looked like Font Awesome 4. Problem: All icons still worked after the upgrade. One exception was the search glass icons in the input

Lees meer

Font Awesome 6 zoek icoon wordt niet meer getoond

Probleem: Vandaag ben ik beziggeweest om onderhoud voor een WordPress website uit te voeren. Eerste stap was PHP 7.4 bijgewerkt naar 8.1. Daarna heb ik WordPress 5.8 bijgewerkt naar 6.4.2 en hetzelfde gedaan voor de plugins. Binnen het maatwerk thema van de website werd ook gebruik gemaakt van Font Awesome 5. Al had ik het idee dat de notatie nog uit de tijd van Font

Lees meer

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
Winkelmandje