Text under an image has blank space since update to 1.5 from 1.4

  • etherealmist


    Hello, I know this is going to be a stupid question, but I can’t seem to figure out why its happening. Before, I used to have text when I would place an image in my posts to say what was happening, and the text would be right under the image. Now after I updated (I’m assuming its somewhere in the style sheet, but I cant find out where), theres a blank white space between the picture and the text, not quite as big a new paragraph space, but its still fairly big…

    Just wondering if there is a way to change it back to how I had it before?



    Before the text under the images would be right under the image


    Kenneth John Odle


    It looks normal to me. Your caption text is pink. What browser are you using?




    Firefox 7, I updated from 1.4 to 1.5 last night, and apart from having to redo my style sheet and images, that’s the only thing I couldn’t figure out how to fix

    and what I mean is, the text was directly under the picture, no blank space at all



    It looks normal to me also. The text is right under the images. I don’t think it could get any closer without overlapping the photo.

    I’m using windows xp with Mozilla Firefox 7.0.1 and also with Internet Explorer 8.0 (although I hate it).



    yeah on both browsers for me, its showing up with a gap, when I edit it in the editor, it shows no white space between the image/text, but on my browsers, there is, I guess its not a big deal but I know its possible, because it was like that before



    ie 9


    in the editor


    the last one is how it used to look, after publishing, space wise, before the update



    I try to separate the text under the pictures form the rest of the text, the pink/italics do a decent job, but I personally felt it looked better when it was directly under the picture




    Go to your admin panel –> Appearence –> Graphene Options –> “Display” Tab –> Custom CSS

    In the custom css box, paste this code:

    .entry-content img, .wp-caption {
    height: auto;
    margin-bottom: -6px;
    max-width: 98%;

    See if that helps. You can play around with the margin-bottom value and change it to your liking. I tried to match it as best I could to your photo.



    oh hell yeah thanks, yes I was messing around in firebug trying to figure out how to fix that, and I couldn’t find a way

    that works very well thank you!



    Glad to help!!

    Syahir or Ken might get on me (or you) about using child themes to make your css adjustments. It will keep all your adjustments when you upgrade your theme… rather than going back and trying to remember everything you did. I haven’t done this yet.. but I will be soon.

    Here is a link for future reference:



    Kenneth John Odle


    For small little tweaks to the css, you can use custom css. But if you start to change a lot of things, you really want to create a child theme because it reduces the load on your server. A stylesheet only loads once, whereas if you use custom css, it loads every time you load a new page or post. That’s not bad if it’s only a dozen lines or so, but if your custom css gets extensive, it does add up.

    Plus, if you do use a child theme, you get to do all sorts of things with the functions.php files, like adding custom shortcodes and using action hooks.



Viewing 10 posts - 1 through 10 (of 15 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.