WordPress.org

Ready to get started?Download WordPress

Forums

Text Around Picture TOO CLOSE (6 posts)

  1. jcraddock
    Member
    Posted 7 years ago #

    Clicking the "Align Left" does get text around pictures, but it is too close to the picture.

    See:
    http://apps.craddockfamily.com/blog/

    The text is too close to the picture in the two posts where I try to use this functionality. We need some sort of offset

  2. nakedape
    Member
    Posted 7 years ago #

    Need to edit your css.

    Space around an element is called a margin, so you need to add .post img to your css (via the theme editor), including some margin, something like so:

    .post img { margin: 10px; }

    you can cut this and paste somewhere into your css (at the very bottom is good, that way if you don't know css you won't accidentally paste it mid-way through another declaration).

    This is basic use of css to style your markup... google something like "css basics" for more info.

    - john

  3. jcraddock
    Member
    Posted 7 years ago #

    Thanks, but that doesn't work, it only controls the spacing around the outside edge of the posts, not within the posts themselves. I set it to 100 just to see where the change was being made and it only change the space on the left and right of the post column not the space around the photos.

  4. whooami
    Member
    Posted 7 years ago #

    thats not true, and thats exactly what I was just going to suggest.

    .post img {
    margin: 10px;
    }

    is precisely what you need to be using.

    By definition, what that does is adjust the margin of ALL images within the .post div. And thats exactly what you're attempting to do.; Theres no way that correctly copying and pasting that would result in soemthing else, and in fact , I tested it on your site using firefox's web developer extension. It works just fine.

  5. jcraddock
    Member
    Posted 7 years ago #

    I got it...you have to have this:

    form, img {
    	border: 0px;
    	margin: 10px;
    	padding: 0px;
    }
  6. whooami
    Member
    Posted 7 years ago #

    thats going to apply margins to nearly all images (background images wont be affected) on your site -- NOT just those within posts, just so you know.

    I recommend bookmarking a primer on CSS, here is a good place to start:

    http://www.w3.org/Style/CSS/learning

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags