Need help? Check out our Support site, then


images in the post and copy alignment

  1. Hi,

    The images in the posts and the copy doesn't align. Instead the copy begins couple of pixels above the image. Can this be fixed for all the posts with css?

    Thanks

    The blog I need help with is artkurio.com.

  2. The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that's centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

    • Align-left means position left, with the rest of the content wrapping around the right side of the image.
    • Align-right means position right, with the rest of the content wrapping around the left side of the image.
    • Align-center means position center, with no wrap-around (= the rest of the content below the image).

    Every theme has a maximum displayed image width http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/ so it's important to keep that in mind when posting multiple images side-by-side. If you want two images to be side by side on the same line start by setting the alignment of both images to left. See > http://en.support.wordpress.com/images/image-alignment/ To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <br style="clear:both;" />

  3. If you check this page as an example

    http://artkurio.com/2012/07/11/tracey-emin-gets-on-the-dance-floor-2/?csspreview=true

    The image seems to be pushed down or the copy up. This repeats on every page. It seems to me that the rounded corners are doing this?

  4. Yes it can be fixed. To fix it once for all, you need the paid Custom Design upgrade. Without the upgrade you can fix it on an image by image basis, using some coding in the HTML post editor.

  5. No, it's not the rounded corners, it's the default margin of the images.

  6. I have the custom design upgrade. Can I have some help on the css?

  7. You need to post in the CSS forum about this.

    Note that the top margin of the images is there for a reason: to create some space between the image and the preceding text. So you should add CSS coding to decrease that margin only if the majority of your posts/images are going to be like the ones I saw (image at the very start of the post).

Topic Closed

This topic has been closed to new replies.

About this Topic