Blix theme (lovely) but images don’t have a nice frame

  • Unknown's avatar
    johniwhite · Member ·

    Hello all,

    http://johniwhite.wordpress.com

    I’m using the lovely Blix theme (free version) but I have one prob: when I insert an image into a post or page I don’t get a nice grey frame around it and the caption. You know, the round cornered one. Is it just not supported by the ‘Blix’ theme? Or is that I’m using the wrong type of media gallery?

    When I click the button above the editor to insert an image I don’t see any mention of ‘Next Gen Gallery’ or anything. Perhaps it’s a default basic one. Oddly though, when I switch to a different theme, the nice image frame appears as usual.

    Here’s hoping someone can help me, all the best,
    John

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

  • Unknown's avatar
    johniwhite · Member ·

    I checked the HTML: it’s exactly the same code whichever theme is applied, so ‘Blix’ theme must be missing some CSS rules for the image frame.

    I’m guessing that I’d need to upgrade in order to add the necessary CSS to the style sheet.

  • Unknown's avatar
    raincoaster · Member ·

    YOu might not be able to get the exact look, but you could put a border on your images using the Advanced tab on the image editing icon (the mountain).

  • Unknown's avatar
    johniwhite · Member ·

    Hi Raincoaster,
    Thanks for the help! ‘Just stumbled accross those settings – funnily enough. I’m trying to get a border to wrap around the caption too.

    Oddly: in the Preview/Visual mode, the nice grey frame actually does display – just not on the front-end when saved. I see there are Class & Styles inputs so I’ll see what I can do there…

  • Unknown's avatar
    1tess · Moderator Emeritus ·

    Try using a table: 

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

    With this, don’t use the automatic caption feature in the image editor. Write your captions in the visual editor or html editor.

  • Unknown's avatar
    johniwhite · Member ·

    Hi Tess, Thanks for that, I’d prefer not to have to inline style every image, but if there’s no alternative i will. I noticed with a another theme that the following CSS appears in ‘style.css’ L.383

    .wp-caption {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    background-color:#F3F3F3;
    border:1px solid #DDDDDD;
    margin:10px;
    padding-top:4px;
    text-align:center;
    }

    Don’t think I can add this CSS unless I upgrade/pay though.

  • Unknown's avatar
    1tess · Moderator Emeritus ·

    No, you can experiment with CSS for free, but in order to save the customization you need the upgrade.
    BTW, did you just switch to Almost Spring from Blix?

  • Unknown's avatar
    johniwhite · Member ·

    I might have done – and then back again. I wanted to see if there was additional CSS in other themes that might be missing in ‘Blix’. Looks like there is.

    As I said though, the nice frame styling shows in the Preview/Visual editing mode in the admin area. But not in the actual site! Agh.

  • Unknown's avatar
    johniwhite · Member ·

    Hi Nick, got your message and I saw your screenshot – thanks. Yes, I ended up paying the $15 dollars yesterday so I could get at the CSS.
    John

  • The topic ‘Blix theme (lovely) but images don’t have a nice frame’ is closed to new replies.