Navigation Pro. Please help me style the text underneath an IMG

[George]

I am using the Navigation Pro theme with no CSS edits.
When I place text underneath an image it is not well aligned.
It even looks different in Firefox and the Safari browser.

I am not a CSS hero and don't know where to look, I tried, but could not make the right edits myself. Please help.

If this is default in with all images then this might be a Theme glitch?

Thank you, George

https://www.georgelangenberg.com/weblog/acupunctuur/schedelacupunctuur/

[Baz]

That's the 'figcaption'. Try using less text, or better still, make the image full width.

You can see some of the code used when you inspect it using your browser:

.site-container .wp-block-image figcaption {
    margin-bottom: 30px;
    margin-top: 25px;
    width: 100%;
}

Try adding 'line-height: 1;'

.site-container .wp-block-image figcaption {
    margin-bottom: 30px;
    margin-top: 25px;
    line-height: 1;
    width: 100%;
}

[George]

Thanks Baz!
Now I see, indeed I need to make the images full width with this new theme design.
Couldn't find the proper selector even with the inspector (I have only very basic CSS knowledge here)
😉

[Author]

Posts