Getting Text to Align with Photos

  • leggsrobbins2

    (@leggsrobbins2)


    17 years, 2 months ago

    As you can see from this post, the formatting on posts which include photos is pretty messy. I realize that if I want the text to wrap neatly all the way around the photos, I need to just write more text. For days when I just don’t have that much to say, though, is there a way to simply make a paragraph of text appear with a photo underneath it, followed by a paragraph of text and another photo, etc? It would look like this. Essentially, I want to be able to tell the blog NOT to wrap the text.

    Line of text
    Pretty photo

    Line of text
    Pretty photo

    Line of text
    Pretty photo

    Any advice for a novice?

    Thanks.

Viewing 1 replies (of 1 total)
  • stvwlf

    (@stvwlf)

    17 years, 2 months ago

    hi

    There may be a way more automated than what I am suggesting here but this will work.

    in your stylesheet style.css in the theme folder, add one line

    .clearleft { clear: left; }

    Now, when you want a paragraph to appear under a photo instead of next to it, after you have entered the paragraph in the Visual Editor, click on the editor’s HTML tab.

    Where you see this:

    So, taking a page from brave and crafty women, I decided to take a few of my battered photo frames and spray paint them all the same color so as to add a little accent to the wall. I chose white because I’m timid that way, and because it seemed to make sense. The trim and ceiling are white after all. By themselves, the photos look okay, I think. But just okay. Not cute.

    change it to this
    <p class=”clearleft”>So, taking a page from brave and crafty women, I decided to take a few of my battered photo frames and spray paint them all the same color so as to add a little accent to the wall. I chose white because I’m timid that way, and because it seemed to make sense. The trim and ceiling are white after all. By themselves, the photos look okay, I think. But just okay. Not cute.</p>

    If you want to install a plugin that will make the process easier, it is this one:
    http://wordpress.org/extend/plugins/tinymce-advanced/

    It adds some buttons to the editor. One of them allows you to directly assign CSS to a section of text. You could highlight the paragraph and assign clear left to that section of text.

    Either approach will work. Perhaps someone else can suggest a simpler way.

Viewing 1 replies (of 1 total)

The topic ‘Getting Text to Align with Photos’ is closed to new replies.