Image caption font size

I don’t see any images with captions here. Only titles, excerpts and listen buttons.

Hello Stef, thankyou for taking the time to reply. An example of the current caption size Stromboli and Etna, Italy (midlifecrisisodyssey.com)

Hello @jimjim1 This caption here “There! Can you see it? Top right-hand corner!” that’s a caption. To adjust the size of that, since your theme doesn’t offer something built in, you can use the following:

.wp-element-caption{
	font-size:34px !important;
}

Add it to your Child theme’s style.css sheet or thru Customize > Additional CSS or if your theme has a dedicated area for adding CSS.

Hey Stef thankyou I put the code you sent into Customize/Additional CSS and now I can change the font size of the caption. Great!

Any idea why the font size on ‘Edit Post’ would look different to my ‘Preview Post’? It’s making it hard to balance the general text font size with the caption font size when I have to switch back and forward all the time to check the changes I make look like I want them to.

The Edit view shows the caption in a tiny font and the general text in 22, but the Preview shows the caption size at what I assume is the 20px that I set it at (just as a test) in the CSS code and the general text appears smaller than the 22 as shown in the edit view.

Any thoughts very gratefully received!

Glad to hear @jimjim1

Preview mode can be tricky sometimes. So many apps can conflict, browser extensions you just never know. Maybe the inline style isn’t getting saved. Things like that it’s almost like we need to see what you are doing and is it being saved. Etc.

Thanks for you help Stef I really appreciate it!

Anytime! Take care ??

Hey @serafinnyc, I hope you don’t mind me asking for some more help! I would like to change the font colour of my captions to match the text. I am currently using dark grey for the text and the default caption text is black. Any suggestions? Thanks again mate.

No problem at all. For that you’d use this

figcaption{
	color:#64748b !important;
}

Thanks again Stef, I really appreciate your help!

You’re welcome @jimjim1 have a nice rest of your day

Hey @serafinnyc, I hope it’s OK to ask for some more help!

I am trying to change the caption font in Twenty Twenty Four from the default font to Alegreya.

Is there a piece of code I can use for this? Any help greatly appreciated!

@jimjim1 no problem. There are several things you can do. Either find a app that can import it. If you’re using a certain page builder some have ways of importing as well. If you want to do it old school way with CSS import then you can read this article and gain more insight on how to use custom fonts.

Hope that helps.

Hey Stef thanks for getting back to me so fast. I have the Alegreya font already in the Theme (sorry I should have made that clear – upon re-reading my request is very poorly written), but I can’t figure out how to change the image caption from the default font to Alegreya. I can’t find how to do it using the customizing options so thought it might be a matter of CSS, similar to the way you helped me to change the caption size and colour. Any ideas? Thanks as always

Ah, got it. You’ll be adding this depending on which one you want. I saw Bold and Regular

/*  For Bold */
figcaption{
	font-family:"Alegreya-Bold" !important;
}

/* For Regular */

figcaption{
	font-family:"Alegreya-Regular" !important;
}