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

  • Author
    Posts
  • #854922

    hblume32336
    Member

    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.

    #855126

    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;
    }
    #855145

    hblume32336
    Member

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

    #855160

    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.

    #855233

    hblume32336
    Member

    Thanks much.

The topic ‘Image widget: caption text forced flush right / words stacked one above another.’ is closed to new replies.