Viewing 5 replies - 1 through 5 (of 5 total)
  • 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

    Thread Starter jcraddock

    (@jcraddock)

    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.

    whooami

    (@whooami)

    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.

    Thread Starter jcraddock

    (@jcraddock)

    I got it…you have to have this:

    form, img {
    	border: 0px;
    	margin: 10px;
    	padding: 0px;
    }

    whooami

    (@whooami)

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text Around Picture TOO CLOSE’ is closed to new replies.