Change font, font size, and postion of the image caprion

• 

  elysefreitas · Member · Jan 20, 2017 at 6:03 am

  • Copy link
  • Add topic to favorites

  I am trying to make a few changes to the image caption in the CSS editor, and can’t figure out how to do it. I also have a floating image and would like to change the margins for the surround text (i.e. I would like the bottom margin underneath the caption to decrease). Any suggestions are much appreciated!

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

• 

  thesacredpath · Member · Jan 20, 2017 at 9:26 pm

  • Copy link

  Hi there, I don’t see any images on your site right now with captions, and you didn’t mention what you wanted to change on them, but I took a look at the Rowling demo site and this is the CSS rule styling the captions.

  .post-content .wp-caption-text, .post-content .gallery-caption {
      color: #444;
      font-family: 'Lato',Helvetica,sans-serif;
      font-size: .9rem;
      font-weight: 700;
      line-height: 130%;
      margin: 12px 12px 0;
      text-align: center;
  }

  For the bottom margin in left/right aligned images, including those with captions, add the following and adjust as desired.

  .post-content .alignleft, .post-content .alignright {
      margin-bottom: 1.2em;
  }