Captions for images in Blix Theme

  • Unknown's avatar

    I’m wondering if anyone can help me. I’m using the Blix theme and open each post with a centred image. When I add a caption it is always left justified and never lines up with the image. In draft, if I look at the post in Visual, it appears as though it will centre the caption but it never does. When I use the HTML tab, the caption words are in the middle of all of the HTML script and I have no idea if it can be edited.

    I’ll live with it if I have to but if it can be done, would like to tidy up the look.

    Many thanks!

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

  • Unknown's avatar

    Yet another quirk of Blix… Captions are supposed to be centered by default, with image plus caption enclosed in a box. You’ll have to abandon the caption feature and write the captions as plain text in the post editor, then highlight them and click the align-center button.

    To get the boxed appearance, you need extra code (which I can give you, if you wish).

  • Unknown's avatar

    Thanks panaghiotisadam – appreciate your response. I’ll take your advice. Any code you help would be helpful.

    Many thanks

  • Unknown's avatar

    So, for the boxed appearance you need this model (in the html editor, of course):

    <table align="center" style="border:solid 1px #cdcdcd;background-color:#eeeeee;width:IMAGE_WIDTH_PLUS_FOURpx;padding:2px;">
    <tr><td>IMAGE_CODE_HERE</td></tr>
    <tr><td align="center">CAPTION_HERE</td></tr>
    </table>

    The image must be set to alignnone.
    The code above will produce a grey border with a very light grey background (just the way captioned images show in some other themes). If you don’t like it, you can change the hex color codes.

    http://www.colourlovers.com/blog/2007/06/30/ultimate-html-color-hex-code-list/
    http://www.december.com/html/spec/color.html

  • Unknown's avatar

    Many thanks. That’s a great help

  • The topic ‘Captions for images in Blix Theme’ is closed to new replies.