WordPress.org

Ready to get started?Download WordPress

Forums

Anarcho Notepad
Image wrap (8 posts)

  1. William Bowles
    Member
    Posted 6 months ago #

    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.

  2. William Bowles
    Member
    Posted 6 months ago #

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

  3. Arthur Gareginyan
    Member
    Theme Author

    Posted 6 months ago #

    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.

  4. bernarmj
    Member
    Posted 6 months ago #

    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="http://dionnetranslationcenter.com/wordpress/wp-content/uploads/2014/02/quill-and-ink1.jpg"><img class="wp-image-19 alignright" alt="quill-and-ink1.jpg" src="http://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...

  5. William Bowles
    Member
    Posted 5 months ago #

    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

  6. bernarmj
    Member
    Posted 5 months ago #

    [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.

  7. Andrew
    Forum Moderator
    Posted 5 months ago #

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

  8. steadybright
    Member
    Posted 5 months ago #

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

    Does this make sense?

    sb

Reply

You must log in to post.

About this Theme

About this Topic

Tags