Need help? Check out our Support site, then


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

  1. 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.

    http://loosendsdotme.wordpress.com/

    The blog I need help with is loosendsdotme.wordpress.com.

  2. 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;
    }
  3. Better but still forces text to a vertical stack
    but not as extreme, 2 or 3 words per line

  4. 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.

  5. Thanks much.

Topic Closed

This topic has been closed to new replies.

About this Topic