Center Caption under Image in Resonar theme using CSS

• 

  phyou · Member · Sep 2, 2015 at 3:17 am

  • Copy link
  • Add topic to favorites

  Can I use CSS to center captions under images and gifs in the Resonar theme? If so, how?

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

• 

  g471n · Member · Sep 2, 2015 at 7:41 am

  • Copy link

  Hi Tony

  Try adding this line of custom CSS.

  .entry-content h3 {
      text-align: center;
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

  You need to be on the WordPress.com Premium Plan for custom CSS to save.

• 

  phyou · Member · Sep 2, 2015 at 12:18 pm

  • Copy link

  That centered the h3 heading I had under the video.
  I meant that I wanted the captions (gray text) with the images and gifs to be centered under them. Any thoughts?

• 

  g471n · Member · Sep 2, 2015 at 12:41 pm

  • Copy link

  This should do it.

  .wp-caption-text {
      text-align: center;
  }

• 

  phyou · Member · Sep 2, 2015 at 1:03 pm

  • Copy link

  YES!! Thank you very much. Worked like a charm!

• 

  g471n · Member · Sep 2, 2015 at 1:15 pm

  • Copy link

  That’s great. Thanks for the feedback.