WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Pic padding around text (10 posts)

  1. TonyH
    Member
    Posted 7 years ago #

    I know that every theme is different but any help would be great. Picture of issue Would this adjustment be in the CSS file?

  2. Bodhipaksa
    Member
    Posted 7 years ago #

    It would be. It'd be the padding or margins for the left-aligned image class (whatever it's called) that you'd have to fix.

  3. Bodhipaksa
    Member
    Posted 7 years ago #

    Oh. I just tracked your site down (really, a link to your site is pretty much essential for this sort of thing) and found that you don't have any style specifications for images in your css. In fact that image's position is specified in the html code:

    <img src="http://www.skate2stick.com/wp-content/uploads/campbell_colin.jpg" alt="campbell_colin.jpg" align="left" height="185" width="185" />

    It's not ideal to have align="left" but so it goes.

    Since the image is in a div with the class of "entry" you could add something like this to your stylesheet:

    .entry img{margin: 15px 15px 15px 0;}

    You can play around with the numbers to get the spacing you want.

  4. TonyH
    Member
    Posted 7 years ago #

    Thanks for all the help and I will give it a shot. Sorry about the lack of a site link. my site

  5. TonyH
    Member
    Posted 7 years ago #

    Where in the style sheet would you put this code. I have included a .txt file of the style sheet. Style code

  6. Bodhipaksa
    Member
    Posted 7 years ago #

    It could go anywhere. Just put it on a new line somewhere you can find it easily, like the end.

  7. Bodhipaksa
    Member
    Posted 7 years ago #

    An an alternative would be simply to add hspace="x" and vspace="x" to the code for the pictures themselves. It's deprecated, but so's other stuff you're doing. You'd end up with:

    <img src="http://www.skate2stick.com/wp-content/uploads/campbell_colin.jpg" alt="campbell_colin.jpg" align="left" height="185" width="185" hspace="15" and vspace="15" />

    These specify the amount of space around the image vertically and horizontally, in pixels. You can of course make the space as bit or small as yhou like.

  8. TonyH
    Member
    Posted 7 years ago #

    I tried this .entry img{margin: 15px 15px 15px 0;} in the style.css and I did not notice any difference

  9. TonyH
    Member
    Posted 7 years ago #

    I moved the code to the top of the page and it worked perfectly Thanks for the help Haecceity

  10. Bodhipaksa
    Member
    Posted 7 years ago #

    I noticed that you had the code in your stylesheet within <code></code> tags, which was probably what was stopping it from working.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.