Setting the style.css so all images are uniform - on the left with wrapped text (2 posts)

  1. TheDoubleAgent
    Posted 8 years ago #

    Hi guys,

    I'm currently using the New Yorker theme and I'm looking to include images in posts. I want to make the images uniform in style: sitting on the left, with a space between the images and the text, and wrapped text around the image. I've taken a look at the 'Wrapping Text' support document, but I can't really make heads or tails of it - I don't know what code relating to 'img' in the style sheet I'm supposed to edit. Also, I've currently got the skills of a four year old child when it comes to coding.

    Any help would be VERY much appreciated.


  2. discojing
    Posted 8 years ago #

    try the css code:
    img {float: left; margin: 4px;}

    you can also use classes in conjunction with this to be like
    img.floatleft {float: left; margin: 4px;}

    <img src="IMAGE.gif" class="floatLeft">
    <p>TEXT TEXT TEXT</p>

    but with the first one, no additional html code is needed.
    you can also try 'padding', and 'margin-right' (left, top, and bottom for specific sizes) instead of 'margin' and you can try 'align' instead of 'float'.

Topic Closed

This topic has been closed to new replies.

About this Topic