images not aligning properly

  • Resolved mesmerisedangel

    (@mesmerisedangel)


    16 years, 10 months ago

    Sorry if I’m putting this in the wrong area. I am currently using the Triplo theme (https://www.wpthemesfree.com/view.php?theme_id=2722) but I just realised that there is an issue with the image alignment.

    I just blogged (see https://wanderinggourmet.net/?p=190) and as you can see if you scroll down the page, the image is right next to the text. I think the CSS is over-writing what I put in my blog – I had put paragraph spacing and had centered the image. So for example it should look like:

    adfadfja jadfajdfajsdfj adfadjfad.
    [enter/paragraph spacing]
    (image)
    [enter/paragraph spacing]
    adsajdf jadfjadfjdajda;

    How do I go about editing the CSS so it doesn’t over write what I wrote in the WordPress text editor?

Viewing 3 replies - 1 through 3 (of 3 total)

  • this theme has the images automatically float left, which means anything else (like you text) will float around it.

    This rule is in the stylesheet:

    /* IMAGE STYLE */

img {
float: left;
padding-right: 5px;
border: 0;}

    Just delete the “float: left;” line and your images with then inherit whatever formatting you used in the wordpress editor (align left, etc)

    …and you don’t need to manually add the spacing before and after, let the css handle it automatically:

    img {border:0; padding:0; margin:12px;}

    that will add spacing to all — top, right, bottom and left
    For unequal spacing, try this:
    img {border:0; padding:0; margin 14px 8px;}

    that will give more on top and bottom. Personally, the 5px looks like not enough so I put 8px here.

    Thread Starter mesmerisedangel

    (@mesmerisedangel)

    Thanks for your tips! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘images not aligning properly’ is closed to new replies.