Images, captions and previews

  • Hi there – I’m not sure if I’m posting in the right place, but have tried posting elsewhere and don’t seem to ever get a response. It’s just a tad frustrating…

    My problems are:

    First, the preview post only brings up the title and the author and nothing in between (I have guest authors who are more cyber-challenged than I am so this is posing problems as they really need to be able to do a full preview before they post)

    Second, if you go to the view screen (when composing the post) as opposed to the html, the text wraps around image and the caption is fine. Once you post, the text starts on the line right at the bottom of the image and the “caption id” text shows instead of the caption.

    I scouted around in the tutorials and forums and had to insert the css, which I have done as follows, after the */

    body
    {
    background:#aaa;
    color:#333;
    font: 82%/150% “Papyrus”;
    margin:0;
    padding:0;
    line-height:1.6em;
    }

    {
    .right { float: right; }
    .left { float: left; }
    }
    {
    img {border:0}
    img {border:solid #800040 1px}
    p img { padding: 0; max-width: 100%; }
    img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
    img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
    img.centered { display: block; margin-left: auto; margin-right: auto; }
    }

    This is probably where the error in position is (although it looks fine on the compose post)

    The url for the site is https://www.judahraine.com/romancewriteup

    I really wasn’t sure where to put it in as none of the information is designed for people like me who really don’t have a clue.

    Please, please, can someone help me out here?? I’m feeling kindof desperate right now.

    Many thanks
    Jude

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi

    The classes automatically assigned by WordPress when you left or right align an image on insertion are called alignright and alignleft, not left and right.

    To get the images in your posts to have the text flow around them

    change this .right { float: right; }
    to this
    .alignright { float: right; padding: 15px; border: 0; }

    and this .left { float: left; }
    to this
    .alignleft { float: left; padding: 15px; border: 0; }

    Some of the images on your homepage do not have either of those applied to them so they are not corrected with this change. When you add either to the code for an image, after these changes it will behave as you want them to.

    Also, in Firefox your sidebar was appearing at the very bottom, after all your post content. If you want the sidebar to display to the right of the content, make this change to your stylesheet

    In #content on line 166
    change “width” from 56% to 52%

    Thread Starter judahraine

    (@judahraine)

    Many thanks for responding – I was starting to think I was alone in wordpressland….

    I did as you suggested (copied and paste, so I didn’t miss anything), but it’s still doing it…. So sorry, any other ideas?

    There are a few errors in your stylesheet – opening and closing brackets where they do not belong I have hilighted them in bold 4 lines that you must remove.

    {

    .alignright { float: right; padding: 15px; border: 0; }

    .alignleft { float: left; padding: 15px; border: 0; }

    }

    {

    img {border:0}

    img {border:solid #800040 1px}

    p img { padding: 0; max-width: 100%; }

    img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }

    img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

    img.centered { display: block; margin-left: auto; margin-right: auto; }

    }

    Thread Starter judahraine

    (@judahraine)

    Oh wow!! Has anyone ever told you just how perfectly wonderful you are?? I have no idea how you knew what I had wrong, and not going to ask…. THANK YOU!!

    Now (she said, pushing her luck just a little) any ideas on the captions and previews? (the post below the latest shows what happens with captions)

    I know, I’m a pest. So sorry.
    Jude ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Images, captions and previews’ is closed to new replies.