Support » Theme: GeneratePress » wrapping issue

  • Resolved Jim

    (@jwmc)


    I’m not sure if this is a theme issue or what, but I find whenever I have text wrapping around images, there is a range of window widths that look bad. There isn’t enough room for the text, and it should all go down below the picture, but it tries to wrap anyway, and just portions of words are on a line. Sometimes the first word will show up, and the rest of the paragraph will go down below the image.

    It is worse in Internet Explorer, but still bad in Firefox. I know I can clear between the images, but a big image will still do it, and there will always be bad window widths for any image.

    Thanks for any ideas.

    • This topic was modified 1 year, 2 months ago by  Jim.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    This is a limitation of floating images. The images won’t resize, and the area for the text becomes increasingly smaller.

    What we can do is tell the images to stop floating at a specific width.

    For example, if we chose 1000px:

    @media (max-width: 1000px) {
        .alignright,
        .alignleft {
            float: none;
            clear:both;
            display:block;
            margin:0 auto;
        }
    }

    Let me know if this helps or not 🙂

    Thanks Tom, this is food for thought. As I understand the max-width refers to the window width. Problem is the images vary a lot in width, so I imagine a max-width I pick will be too wide for some and possibly too narrow for others. I’ll play with it and see how it goes. Thanks!

    Theme Author Tom

    (@edge22)

    No problem. Let me know if you need more help with it 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘wrapping issue’ is closed to new replies.