How do I wrap text round an uploaded image in a post?

  • Utopian Dreamer

    (@utopian-dreamer)


    12 years, 7 months ago

    Hi there,

    I’m a total newbie and have a basic question, which I have not managed to find an answer for. I have uploaded an image and attached it to a post and now want to be able to have the text to the left or right. It is just sitting above my text currently, looking a bit rubbish.

    Am I missing something simple? Is it the theme I am using (Cover WP)? If it is the theme, how do I find themes which will allow me to do this?

    Thanks for any help you can give.

Viewing 6 replies - 1 through 6 (of 6 total)
  • David Gard

    (@duck_boy)

    12 years, 7 months ago

    You need to use CSS and ‘float’ the image. WP gives you the option of selecting whether or not you want your image on the left or the right and adds either ‘alignleft’ or ‘alignright’ as a class.

    In your ‘style.css’ file, something like this should do the trick –

    /* Media image settings */
.alignleft{
	float: left;
	margin: 3px 10px 5px 0;
}
.alignright{
	float: right;
	margin: 3px 0 5px 10px;
}
.aligncenter{
	margin: 10px 0;
}

    elizzz

    (@elizzz)

    12 years, 7 months ago

    As duck_boy said, you need to style the image and you should be fine..

    Thread Starter Utopian Dreamer

    (@utopian-dreamer)

    12 years, 7 months ago

    Thanks duck_boy. Alas I am such a newbie that I’ve no idea where to find the ‘style.css’ file. Could you please point me in the right direction?

    Thanks

    esmi

    (@esmi)

    12 years, 7 months ago

    Try looking in your theme’s file in wp-content/themes/theme_name. Or use Appearance->Editor.

    Thread Starter Utopian Dreamer

    (@utopian-dreamer)

    12 years, 7 months ago

    Thanks Esmi

    I found the style.css file in Appearance-Editor as you suggested but not sure how to put the code in. Do I just copy and paste the code that duck_boy has provided? Do I just shove it in at the end of the existing code in the file?

    Thanks again

    esmi

    (@esmi)

    12 years, 7 months ago

    Add it to the end of the style.css file.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How do I wrap text round an uploaded image in a post?’ is closed to new replies.