How do I place text closer to images?

  • Hello all…

    In a previous version of WP, I was able to adjust the spacing around the images so that I could flow text closer to the image.

    Now–since I’ve upgraded to 3.9.1–I no longer see that option.

    I’m trying to put text under an image of a signature and the text is so far away from the image it looks ridiculous. I’ve tried re-sizing the image, but that didn’t help. Is there something I’m overlooking?

    Thanks so much!

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

  • Do you have a link to the page where you are doing this?

    Rachel

    Thread Starter adsurgeon

    (@adsurgeon)

    Hi Rachel:

    It’s actually not yet posted (because it looks so bad) ??

    Thanks…

    Eric

    Without seeing it, it is very hard, if not impossible, to troubleshoot. The thing you are looking for is either a margin on the signature image (my guess is that this is here) which is pushing down the text you are putting below it OR a style on the text that is preventing it from moving up.

    I check this by (in Chrome) by right clicking on the element I’m working on (so the signature) & inspecting element. On the right side of the window that will come up in the bottom is the CSS, on the left side the HTML. Make sure the element you are looking for is highlighted in blue by moving your mouse around on the HTML code and look at what CSS properties are on the right.

    Rachel

    Are you talking about a caption for the image, or just the spacing between/near regular text and the image?

    Thread Starter adsurgeon

    (@adsurgeon)

    Hi 345AD:

    Just the spacing.

    For example, as you would on any “letter” you’d type, you sign your name and then type your name under the signature. That’s the simple thing I’m trying to replicate. The image of the signature has hardly any white space around it so that itself isn’t the issue. It seems like WP is putting padding around the image that I cannot delete and, therefore, can’t get the typed name close enough to the image.

    Thanks,
    Eric

    Thread Starter adsurgeon

    (@adsurgeon)

    Thanks, Rachel. In Chrome, when I right click on the image of the signature, all I get is the standard list of options produced by my OS, nothing WP related. When I hover on the sig image, I get 2 icons: a little pencil and an X. When I click the pencil, I get the IMAGE DETAILS window with a variety of options, but none that address the issue. In the previous version of WP, clicking on the image gave me option to adjust the spacing around the image so I was able to adjust it that way.

    Thanks,
    Eric

    The padding is in the CSS, I can almost guarantee it.

    You can add a class to the image code, and from there in the CSS remove the padding for that class, or add/remove whatever styles you want/need.

    Adsurgeon: It is an OS option, actually a browser option. Not a WordPress option. This is available on all websites.

    https://developer.chrome.com/devtools/index

    Thread Starter adsurgeon

    (@adsurgeon)

    Thanks for your replies, all. I was hoping the problem wasn’t buried in code somewhere and was a quick fix using an overlooked option. I’ll have to get my code guy to look at it.

    tabularasamarketing: I’m not exactly sure what you mean by it’s an OS option. (Yes, I understand the words, but I don’t see how it’s not a WP issue.) ??

    Many thanks,
    Eric

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How do I place text closer to images?’ is closed to new replies.