Need help? Check out our Support site, then


Aligning Images and Autosizing Images

  1. weddingfeferity
    Member

    Dear All,

    I would like to achieve the look this blog has managed to.

    1) The blog has only 3 image sizes. I will like to configure my blog to have these three exact image sizes, so I just pick the one I want when uploading my pics. How can this be achieved?

    http://www.polkadotbride.com/2012/09/jenny-and-myles-chinese-garden-of-friendship-engagement/

    2) I like the side by side alignment of some of the images. Even if there are two images, if saved, it saves as one and downloads as one image . How was this achieved?

    3) I would also like the blog to have this exact white spacing both vertically and horizontally.

    Is this something I have to do offline with photo editing tools, or is there a wordpress theme or plugin I can use to achieve the look below?

    http://www.polkadotbride.com/2012/09/jenny-and-myles-chinese-garden-of-friendship-engagement/chinese-gardens-of-friendship-engagement010/

    Many Thanks

    The blog I need help with is weddingfeferity.wordpress.com.

  2. Good day to you,
    I’m sorry to report that you have accidentally posted to the wrong support forum. We cannot help you here at WordPress.com with that site at http://www.polkadotbride.com as it’s not being hosted by WordPress.com and we run on different software. This is the correct forum for your software http://wordpress.ORG/support/
    WordPress.com vs WordPress.org: The Differences
    http://support.wordpress.com/com-vs-org/

  3. If you are actually referring to http://weddingfeferity.wordpress.com/ then what follows does apply to that blog.

    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. 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;" />

    Note 1: On the front page of that blog you have a post with code displaying in it. We cannot use JavaScript on free hosted WordPress.com blogs for security reasons. http://en.support.wordpress.com/code/

    Note 2: You refer to plugins. There is no FTP access to free hosted WordPress.COM blogs and we cannot intstall plugins, upload third-party themes or edit templates or themes. Those found on the internet are for WordPress.ORG installs which run on different software.
    http://en.support.wordpress.com/ftp-access/
    http://en.support.wordpress.com/plugins/

  4. weddingfeferity
    Member

    Many Thanks for your help. Much appreciated.

  5. You're welcome and best wishes with your blog.

Topic Closed

This topic has been closed to new replies.

About this Topic