Een button maken van de “Lees meer” tekst in je blog module

In de vorige snelle tip liet ik zien hoe je de tekst van je “Lees meer” knop verandert naar welke tekst je ook maar wilt. Typisch eigenlijk dat DIVI het over een “knop” heeft, want dat is het helemaal niet, het is een stukje tekst. Wil je in plaats hiervan een button? Dat kan eenvoudig gemaakt worden door wat CSS toe te passen.

Open je blog module > Geavanceerd > CSS klasse > vul hier blog-button in.

Button maken van je

 

Ga naar: Dasboard > DIVI > Thema Opties > General > Aangepaste CSS

 

Hier plak je de gekopieerde code

 

css code plakken

 

button CSS

Je hebt nu met deze instellingen een paarse button gemaakt zoals je hier links kunt zien. Pas de kleurencodes in de CSS code aan om de button te maken die jij wilt.

Hoe je de tekst van de button kunt veranderen lees je hier

 

 

BewarenBewaren

BewarenBewaren

BewarenBewaren

BewarenBewaren

BewarenBewaren

Verander de “Lees meer” tekst van je blog berichten

Als je in DIVI bij het maken van een blog, bij “Blog instellingen” ervoor kiest om de “Lees meer” knop te tonen. (Engels:”read more”), dan is dat precies de tekst die je te zien krijgt onder de samenvatting van je bericht. DIVI geeft je geen optie om deze tekst te veranderen. Door het toevoegen van een script is dat wél te doen.

Ga naar: Dasboard > DIVI > Thema Opties > Integration

Zorg dat de header code optie ingeschakeld staat en plak je code in het veld naast:

“Voeg code toe aan de < head > van uw blog:

Integration head code

Verander de tekst ” Lees verder” in welke tekst je maar wilt.

Hoe je van deze tekst een button kunt maken lees je hier

BewarenBewarenBewarenBewaren

BewarenBewaren

Pin It on Pinterest