Title over image

Hi,

I’ve added the categories on my blog using title over image elements.

It seems to work although I have two issues that I can’t seem to fix.

1. The text on the elements isn’t centered correctly. It sure is centered, but there seems to be a specific number of pixels that is used on the left of the text. So if the element is small, the text won’t center correctly.

See the image. Short words seem to be fine. Longer words (Budgetteren and Minimalisme) are not.

2. The element uses an effect for the text that makes the text move a little upwards when hovered. And only when hovered, the text is exactly centered horizontally. Can I change this? I would like for the text to be horizontally centered without hovering.

Thanks!

You’re looking at the homepage. The problem occurs on blog posts.

See for example here: https://www.fuckdiestudieschuld.nl/tegenslagen/

Ah, yes, that makes sense.

However, I don’t think I can change the padding of the text? It’s a title over image element. If I change the padding, I’m only changing the padding of the element as a whole, not of the text.

Any ideas?

Thanks!

Wait! I managed to fix it using custom CSS! 🙂

I added this:

.tds-title-over-image1 .tdm-title-over-image-info-wrap {
padding: 24px 24px;
}

And it works! 🙂

Then only my second question remains.

2. The element uses an effect for the text that makes the text move a little upwards when hovered. And only when hovered, the text is exactly centered horizontally. Can I change this? I would like for the text to be horizontally centered without hovering.

Maybe I could change this using custom CSS as well?