adjust and align text under picture or block

[Adwin]

When I add a picture or a block on the text page, I can write some text. This text is the same as the text on the page and automatically outlined on the left side.

I like to adjust the text size and also align the text in the middle under picture or block.

Someone gave me an answer I did not understood, so I hope this time I get an answer i do understand…

[David]

Hi there,

can you share a link to the page where i can see the issue ?

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

[Adwin]

Here, under second picture: https://rotterdam.cool/markten-in-rotterdam/

and here, under Openingstijden: https://rotterdam.cool/maritiem-museum-rotterdam/

[David]

Can you check the URL you provided as its reporting Server not found.

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

[Adwin]

They are doing fine over here…

[Leo]

Hi Adwin,

Can you add this CSS here I’ve provided in the previous post here?
https://generatepress.com/forums/topic/text-under-block-or-picture-in-the-middle/#post-1422348

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

Here is the result:
https://www.screencast.com/t/wIpQhq91t

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

[Adwin]

I know Leo, but I did not understand your explanation…..nothing personal but I have excellent experience with David…So I prefer to wait for his answer…

[Leo]

Is the result in my screenshot what you are after?
https://www.screencast.com/t/wIpQhq91t

If so can you please try my method first? It’s a pretty simple question and he would likely give the same answer.

Try copying this code:

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

And paste it in Customizer > Additional CSS field.

That’s it.

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

[Adwin]

sorry Leo…

[Leo]

No apologies needed – I’m just trying to help and get the issue resolved 🙂

Did the solution not work?

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

[Adwin]

I prefer to wait for David his answer…

[Leo]

Sorry why is that? We will get it solved if you stay with me a little longer.

Is my screenshot what you are after?
https://www.screencast.com/t/wIpQhq91t

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

[Adwin]

Hello David, can you please look at my question, thanks…

[Leo]

Hi Adwin,

We’ve received your private e-mail and not really sure what to say.

Your request:

I like to adjust the text size and also align the text in the middle under picture or block.

Can be achieved with the exact steps below:
– Copy this CSS:

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

– Go to Customizer > Additional CSS and paste it in there.

And here is the result: https://www.screencast.com/t/wIpQhq91t

I’ve confirmed with David internally that this is his understanding as well.

Can you give it a shot first?

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

[David]

Hi Adwin – just to confirm the method Leo has provided should fix the issue you’re having. Give that a go and let us know.

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

[Author]

Posts