How do put a picture inline without disrupting the paragraph
-
Hello. I’m looking for help in getting a picture to display like the image at the bottom of this article: http://en.support.wordpress.com/images/image-alignment/. What I was is for a picture to be on the same line as the first line of text in a paragraph. However, when I do exactly as the article says, the first line of the paragraph is actually centered on the image, horizontally, so that it’s separated a substantial distance from the rest of the paragraph and looks like a mess. Here’s a bad MSPaint edit of what it would look like in the example image: http://digitaleidoscope.wordpress.com/?attachment_id=2940. I could manually enter a bunch of returns, but it seems like there should be a more elegant solution (and doing this messes up formatting of images and text below it).
If you have any ideas, I’d appreciate it. Thanks.
The blog I need help with is: (visible only to logged in users)
-
I’m guessing there is something wonky with the html. Could you go to the “text” tab of your editor and post another screen shot of what you see there? Alternatively, you could remove the photo, then go to the text tab and make sure their isn’t any left over code, then go back to the visual tab and try to add the photo again–making sure that the cursor is placed exactly where you want the photo to appear.
-
Thanks for such a fast response. Also, sorry about the no less than two typos in my previous post.
On topic, I’ve tried this many times and had the same result, so it shouldn’t be a leftover fragment of code. To make sure everything was clean, I created a brand new draft, checked to make sure the text tab was totally empty, and then tried again. This is what I ended up with in plaintext: https://digitaleidoscope.files.wordpress.com/2014/07/testtext.png — which rendered this: https://digitaleidoscope.files.wordpress.com/2014/07/testvisual.png.
Am I doing something wrong?
-
I think it’s a problem with your theme. I didn’t see a problem with your code, and when I tried to align a photo and text like you want it on my test blog it worked fine **untill** I switched to the Trvl Theme and then it behaved exactly like yours did.
I’ll tag this thread for staff (modlook) as well as with your theme. Someone from the WordPress team will get back to us as soon as they can to help.
-
Hi there,
The image alignment setting changes how the image is aligned left to right and whether the text wraps around it, but it doesn’t control the vertical alignment of the image in relation to the text. That’s controlled by the theme’s design.
In the Trvl theme, images are designed to have text aligned to the middle of the image instead of the bottom. If you’d like to change that, you can use Custom CSS (part of the Custom Design upgrade) to customize your theme’s design.
Another option would be to put the image on its own line. If you use Return/Enter to start the text on its own line below the image, it won’t show up vertically aligned to the middle of the image. I hope that helps!
-
Good to know. I’ll try to see what I can finagle out of this theme. Thank you both for the help.
-
- The topic ‘How do put a picture inline without disrupting the paragraph’ is closed to new replies.
WordPress.com Forums 
