Archived topic
adjust and align text under picture or block
17 replies · Started by Adwin on September 16, 2020
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...
Hi there,
can you share a link to the page where i can see the issue ?
Here, under second picture: https://rotterdam.cool/markten-in-rotterdam/
and here, under Openingstijden: https://rotterdam.cool/maritiem-museum-rotterdam/
Can you check the URL you provided as its reporting Server not found.
They are doing fine over here...
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
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...
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.
sorry Leo...
No apologies needed - I'm just trying to help and get the issue resolved :)
Did the solution not work?
I prefer to wait for David his answer...
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
Hello David, can you please look at my question, thanks...
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?
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.