Wrapping text around images

  • I am completely new at editing/modifying content within wordpress, my webmaster is no longer available so i have no choice to takeover as of now. He designed my website in such a way that the wrapping around the picture is done through specific coding as opposed to the faster/more efficient way by using the edit image and choosing the correct alignment for the picture. Since i have no skills or knowledge in coding, i was hoping if anyone can help me.

    Here is the coding my web designer used for wrapping the text around the images for my “TRAINING PROGRAMS” page:
    <img style=”float: left; padding-right: 10px; padding-bottom: 20px;” alt=”” src=”../wp-content/themes/twentyten/img/about01.jpg” />
    <p style=”text-align: justify;”><span style=”color: #ffffff;”>
    Website link: https://closetacticalcombat.com/training-programs/

    And i am now modifying the “NEWS AND EVENTS” page, and you can see how the latest post is an image with the text not wrapping around it. For this one i used the edit image/alignment way.
    Website link: https://closetacticalcombat.com/news-events/

    Please help!

    PS: i am using the most recent version of wordpress and theme “TWENTY TEN” version 1.5

    Thanks

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

  • Hi

    Editing posts via WP Dashboard is super easy.

    To align left your images use align left button on Visual Editor. Then write/paste the texts, just like your developer.

    Check this for more about WP Visual Post Editor: A Complete Guide to the WordPress Visual Post Editor

    Thread Starter amaruneira

    (@amaruneira)

    Thanks Mrinal,

    If i’m following you, you want me to insert a photo using the “Add Media” tab in visual editor, then align the picture on the left. This makes sense, but when i paste the text it starts at the bottom of the pic. See below to see a visual of my problem. The H surface is the image and the P is the text i am pasting/writing, as you can see i am not capable of bringing the P on top. My goal is to arrive at picture 2 below, where P(text) is align at top with Image(h).

    1-
    hhhhhhhhhhhhh
    hhhhhhhhhhhhh
    hhhhhhhhhhhhh
    hhhhhhhhhhhhh
    hhhhhhhhhhhhhpppppppppppp, ppppp. pppp
    pppppp.pppppp.pppppp

    2-
    hhhhhhhhhhhhhppppppppppp
    hhhhhhhhhhhhhpppp. ppppp,
    hhhhhhhhhhhhhppppp, pp. pp
    hhhhhhhhhhhhhppppppp, ppp
    ppppppp.ppppp .ppppp, ppp.

    Hi Amar,

    Sorry for late reply!

    Your developer created your page with custom inline css.

    To create a new page or update a existing page just like him, please follow the steps

    <h2>The Title of The Paragraph</h2>
<div class="ten">

<p><img style="float: left; padding-right: 10px; padding-bottom: 20px;" alt="" src="../wp-content/themes/twentyten/img/about01.jpg" /></p>

<p style="text-align: justify;"><span style="color: #ffffff;">Content of the paragraph</span></p>
</div>

    Note: Update the texts & image source. I hope you’ll understand this.

    or You can use ‘J Shortcodes‘ plugin for using column layout in your posts & pages.

    Thread Starter amaruneira

    (@amaruneira)

    ok thanks. I was just hoping this can be done with the built in tools or current features. When i built a new page with new wordpress 3.8, when i insert media, it’s easy to use the alignment (left, right, centre…etc).

    No, the column layout won’t provided with WP core nor Twenty Ten Theme.
    You need use a plugin/Custom CSS or HTML with inline CSS.

    Thread Starter amaruneira

    (@amaruneira)

    sounds good

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Wrapping text around images’ is closed to new replies.

Tags