Caption text size and alignment has changed

[Jodie]

Hi guys

Hope you are all doing great!

I’ve just noticed that all my caption text has changed size and now is left aligned since I updated to the latest version of WordPress.

I didn’t have any css styling on my sites but have now searched the Support Forum here to find a solution to fix this which I did.

Leo offered this CSS in a previous support discussion.

.wp-block-image figcaption {
text-align: center;
font-size: 14px;
font-weight: bold;
}

Any ideas of why this changed?

Is using the CSS above the best thing to do?

As always I appreciate your help.

I’ve given you the link (no CSS added yet to this site) to show you what I mean when I say it has changed.

Search for Shop Arteza Real Brush Pens to take a look

Cheers Jodie

[Leo]

Hi there,

Give this a shot:
https://generatepress.com/forums/topic/caption-styling-broken-after-update-to-wordpress-5-3/#post-1063589

Let me know 🙂

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

[Jodie]

Hi Leo

Ahh, I see that it was not only me 🙂

Thanks for sharing that.

I will read carefully and let you know how I get on.

Cheers

Jodie

[Jodie]

Hi Leo

I tested adding the snippet that Tom gave to my functions.php file and it has returned to normal.

Thanks so much.

Cheers Jodie 🙂

[Leo]

No problem 🙂

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

[Jodie]

Hi Leo

I’ve tried adding this snippet to one of my sites function.php file and it shows up above the header of the site.

What have I done wrong?

Cheers

Jodie

[Leo]

Just making sure you are adding it to child theme’s function.php?

If so maybe there is a syntax error in that file? You can test by removing all other functions in that file temporarily.

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

[Jodie]

Thanks Leo
Yes to the Child Theme’s function.php
There is nothing in the file, it is blank.

[Leo]

Does it look like this at the start of the file?
https://www.screencast.com/t/LU8b0rTAAvPB

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

[Jodie]

No it doesn’t have this at the start. It is completely blank

[Leo]

That should be the issue.

Can you download a copy from here?
https://docs.generatepress.com/article/using-child-theme/#installing-a-child-theme

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

[Jodie]

Can I just copy that text from my site that has that in the child theme function.php file?

[Leo]

Yes

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

[Jodie]

Excellent! Let me try that I will get back to you.

🙂

[Jodie]

That’s done the trick Leo

Thanks so much for your help as always.

Cheers

Jodie

[Author]

Posts