Text under block or picture in the middle

[Adwin]

Hello, how can I align text under a picture or block in the middle?

And is it possible the change the size of this same text?

[Leo]

Hi there,

Are you referring to image captions?

Can you guide me to the element in question?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adwin]

I forgot how I can send a picture..

I talk about the text below a picture, now it’s automatically aligned left….

[Leo]

Can you guide me to the page/post where I can see this issue?

Thanks 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adwin]

here, text under food photo

https://rotterdam.cool/t-zusje-rotterdam/

[Leo]

Try this CSS:

.wp-block-image figcaption {
    text-align: center;
    margin-top: 0;
    font-size: 12px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

I’ve added margin-top property in case you want to bring the caption closer to the picture but it’s optional 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adwin]

and what about the size of the text? Like to make it a little smaller…

[Leo]

Included in the CSS above:
https://generatepress.com/forums/topic/text-under-block-or-picture-in-the-middle/#post-1422348

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adwin]

I think I need to change this in the customizer, the link you send me is from 2016 😉

[Leo]

Sorry what? The customizer doesn’t have this option.

The link I sent you above is from this post?
https://generatepress.com/forums/topic/text-under-block-or-picture-in-the-middle/#post-1422348

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adwin]

yes, this link https://docs.generatepress.com/article/adding-css/

[Leo]

What’s wrong with it?

That’s the link to add CSS and the methods haven’t changed since 2016.

Have you tried adding the CSS code I provided here?
https://generatepress.com/forums/topic/text-under-block-or-picture-in-the-middle/#post-1422348

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adwin]

I have to add a plugin, think I will hire someone to change it in the code for me, if that’s possible…

[Leo]

You can use the Additional CSS suggested in the same article:
https://docs.generatepress.com/article/adding-css/#additional-css

It’s a default function in the customizer.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adwin]

Now you really confuse me…you told me this: The customizer doesn’t have this option.

[Author]

Posts