Adjusting text size in image captions

• 

  mshirrefs · Member · Oct 8, 2014 at 11:42 pm

  • Copy link
  • Add topic to favorites

  How can I reduce the text size of image captions? The text defaults to a ridiculously large font. It should be smaller than the body text, not larger.

  The blog I need help with is: (visible only to logged in users)

• 

  thatrobyn · Member · Oct 9, 2014 at 11:41 pm

  • Copy link

  Hey Michael,

  Since you have the Premium upgrade, I can give you some code to adjust the aesthetic choices of the theme’s designers. No problem!

  Click Appearance → Customize in your site’s Dashboard. Then, click CSS in your right-hand menu. In the CSS Revisions box, please paste the following underneath all existing text:

  .wp-caption-text, .gallery-caption {
  font-size: 1em;
  }

  Then Save your changes.

  That should do the trick 1em is the size I chose randomly. You can make it smaller (ie. 0.9em) or larger (1.1em) as you’d like

  I hope this helps! Take care.

• 

  mshirrefs · Member · Oct 9, 2014 at 11:46 pm

  • Copy link

  That’s genius! Thank you Robyn :)

  I have another related image caption question. There seems to be no way of displaying crucial info like photo credits with Feature Images. The ideal would be a caption that appears only if you hover the cursor over the image. It oughtn’t to be visible otherwise … that wouldn’t be a good look.

  Any thoughts?

• 

  mshirrefs · Member · Oct 9, 2014 at 11:56 pm

  • Copy link

  BTW I dropped the font size to 0.8 and it works perfectly … doesn’t crowd the image or the body text. Perfect!

• 

  thatrobyn · Member · Oct 10, 2014 at 7:02 pm

  • Copy link

  Hey Michael!

  So glad the caption size changed worked for you. That’s terrific.

  Regarding the hover text, I would actually take that to the CSS Forums:

  https://en.forums.wordpress.com/forum/css-customization

  I’m not entirely certain that task can be done with CSS alone, and they’d be the experts to ask.

  I hope it works out! Wishing you the best :)