It’s about the block post-grid.
Hi @fvbussel,
Thank you for reaching out, and thanks for sharing the link to your page. That helped a lot.
I checked your Fotoalbums page and could see the issue on the Lees meer buttons. You are not doing anything wrong. In your Post Grid the image is set as the background, and in that layout each line of text trims anything that sticks out above or below it. The border around the Read More link sits a little taller than the text line, so its top and bottom edges get cut off.
The fix is to give the Read More link a bit more line height so the border fits inside the line. Here is how
- Select the Post Grid block in the editor.
- Go to the Style tab and open the Read More Link section.
- In the typography options, increase the Line Height to around 2.4.
- Save the page and check it on the front end.
I tested this on your page and the border shows fully on all sides with that change.
Please give it a try and let us know how it goes. If it works for you, kindly mark this topic as resolved.
Have a wonderful day ahead!
Hi @fvbussel,
Glad to hear that worked for you, thanks for confirming. We will go ahead and mark this topic as resolved.
Feel free to reach out if you need anything else.
Have a great day ahead!