Support » Themes and Templates » Text wrapping around images

  • Hi all,

    I’m currently building a wordpress theme however the one thing i’m having difficulty over is wrapping the text around the images.

    To see my problem visit :
    http://website.usefuldesign.co.uk/wordpress/

    and you’ll see what I mean.

    In style.css the code i’m using is the same as the default theme:

    /* Images */
    p img {
    	padding: 0;
    	max-width: 100%;
    	height:auto;
    	width:auto;
    	}
    
    img.centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft {
    	padding: 4px;
    	float:left;
    	display: inline;
        margin:0 0 1em 1em;
    }

    Yet it doesn’t work ? Any ideas ?

    Many thanks,
    Stephen

Viewing 5 replies - 1 through 5 (of 5 total)
  • `

    Please make changes to your css on line no 254 in your style.css

    change .alignleft {float:left;} into .alignleft{float:none;}

    Thread Starter sbhedges

    (@sbhedges)

    Thank you grvpande for your input,

    Almost there, just doesn’t seem to wrap around the text now ?

    go to your posts section where you have written the post, and change

    <p style="float:right;text-align:justify;width:400px or little more as supported;">Your text</p>

    Thread Starter sbhedges

    (@sbhedges)

    Thanks grvpande.

    However it looks like the image might be too big to wrap around the text, I tried to wrap it in the default Kubrick theme and it didn’t work, will try with another image.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text wrapping around images’ is closed to new replies.