Wrap/Align text to side of picture

  • crazink

    (@crazink)


    7 years, 8 months ago

    Hello. I’m trying to align/wrap text around pictures on my home page (GiftGiving.co). I have a few pictures with the text aligned how I wanted (my christmas page), but since I set those up a while ago I can’t remember how I formatted them to have the text to the right of the image. All other text on the images shows in a similar way in the visual editor and feel the same as my older sections but when updated, the text doesn’t align and goes under the picture. If anyone could help in getting the text to align with my pictures, it would be appreciated. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    7 years, 8 months ago

    review https://codex.wordpress.org/Wrapping_Text_Around_Images

    make sure to have the image set to ‘alignleft’

    Thread Starter crazink

    (@crazink)

    7 years, 8 months ago

    Thanks for the help Micheal. I was searching around for this before, and I came across that link. All of my images are aligned left. I did add that CSS to my website and nothing changed. I’m still not too sure what I’m doing/not doing to make this happen.

    Thread Starter crazink

    (@crazink)

    7 years, 8 months ago

    If anyone has anything to help me with this problem, it would be highly appreciated. I have all of my pictures aligned left so I’m stumped.

    Michael

    (@alchymyth)

    7 years, 8 months ago

    at first, the alignment is caused by the formatting of the header tags with ‘clear: both;’;
    this can be overwritten with:

    article .entry-content h1 { clear: none; }

    you get a small improvement by adding:

    article .entry-content img { clear: left; }

    however, for your idea of having each image with its own descriptive text to its side, there is no general good solution for that;

    one possibibility is to work with a html table plugin to get the alignment.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Wrap/Align text to side of picture’ is closed to new replies.