Image wrap

  • One problem is the way the theme deals with images if they are either left or right- wrapped. Sometimes the wrap works and sometimes it doesn’t. I think I’ve figured out why and it’s to do with the way the theme interprets </p><p> combinations.

    If an image is set with a left wrap followed by </p><p>then text… it won’t wrap the text around the image. Take out the </p><p> and it works.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter William Bowles

    (@creative-i)

    Hmmm, after playing around with different posts, I’m not sure it’s the problem but problem there is.

    Theme Author arthur-gareginyan

    (@arthur-gareginyan)

    I got your email.
    No error in the template! Tag <p> uses 100% of page width.
    The image should not be located in the <p>. If you change the <p> to <div> or remove the <p>, then it will work properly.

    I am relatively new to WordPress so please forgive my lack of knowledge, but I am loving this theme.

    I have aligned my image to the right and would like to have my text wrap and also have a margin of 10px all the way around.

    I can’t send you a link to my website because I don’t know how to get it out of my host sight, but here is what I do have.

    <a href="https://dionnetranslationcenter.com/wordpress/wp-content/uploads/2014/02/quill-and-ink1.jpg"><img class="wp-image-19 alignright" alt="quill-and-ink1.jpg" src="https://dionnetranslationcenter.com/wordpress/wp-content/uploads/2014/02/quill-and-ink1.jpg" width="293" height="178" /></a>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    Translation is a business quickly growing in Canada…

    Thread Starter William Bowles

    (@creative-i)

    Arthur,
    The image wrap problem is not solved. Briefly, removing ‘<p>’ works just fine for the first paragraph but if there’s a second paragraph that is also adjacent to the image, the way you’ve setup image wrap means the second para is not wrapped because it has ‘<p>’ between it and the first para (you can’t remove it because the two paragraphs will combine). I’ve never had this problem before with image wrap so it definitely has something to do with your coding.

    B

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    Moderator – As I mentioned I am new to WordPress and I don’t know what backticks nor a code button are. Could you please explain? Many thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    At the top of the comment box are 8 buttons. One of which says “code”. Just highlight your code and press that “code” button.

    bernarmj,

    When you post you code, use the “code” button (just above the text box where you’re typing).

    Steps:

    1. click the “code” button”
    2. Paste your code
    3. click the “code” button again

    Here’s an example:

    I am relatively new to WordPress so please forgive my lack of knowledge, but I am loving this theme.

    I have aligned my image to the right and would like to have my text wrap and also have a margin of 10px all the way around.

    I can’t send you a link to my website because I don’t know how to get it out of my host sight, but here is what I do have.
    <a href="https://dionnetranslationcenter.com/wordpress/wp-content/uploads/2014/02/quill-and-ink1.jpg"><img class="wp-image-19 alignright" alt="quill-and-ink1.jpg" src="https://dionnetranslationcenter.com/wordpress/wp-content/uploads/2014/02/quill-and-ink1.jpg" width="293" height="178" /></a>

    Does this make sense?

    sb

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image wrap’ is closed to new replies.

Tags