Image widget: caption text forced flush right / words stacked one above another.

• 

  hblume32336 · Member · Mar 26, 2012 at 8:27 pm

  • Copy link
  • Add topic to favorites

  In the sidebar: The caption text below the image is jammed flush right and
  each word belonging to the sentence, instead of running horizontally
  on one line, is stacked vertically one word below another.
  Help!
  Thanks.

  In Search of the Miraculous, Give or Take

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

• 

  designsimply · Member · Mar 26, 2012 at 11:02 pm

  • Copy link

  Because of the styles you have added, the captions for images aren’t showing up like they normally would.

  You can remove the extra padding from the left of image captions just in the sidebar with this CSS:

  .widget-area .wp-caption .wp-caption-text {
  padding-left: 0;
  }

• 

  hblume32336 · Member · Mar 27, 2012 at 1:33 am

  • Copy link

  Better but still forces text to a vertical stack
  but not as extreme, 2 or 3 words per line

• 

  designsimply · Member · Mar 27, 2012 at 10:21 am

  • Copy link

  That’s because it’s the width of your image. You can force it larger if you’d like. Each widget has an ID number created for it when it is added. If you look at the HTML in the page source, you can see what ID was assigned. In your case, it’s “image-3.” Here is an example that adjusts the width of the caption for just that one specific image widget:

  #image-3 .wp-caption {
  width: 100% !important;
  }

  And here is an example that would change all image widgets in the sidebar to be wider:

  .widget-area .wp-caption {
  width: 100% !important;
  }

  Note that you right aligned the image in the widget settings, but that affects the image and text as one block when a caption is used. Another alternative to avoid all of this stuff would be to add the text in a separate text widget below the image and not use caption text at all. That would also help you keep the right-alignment for the image if you wanted to keep that.

• 

  hblume32336 · Member · Apr 5, 2012 at 11:52 pm

  • Copy link

  Thanks much.