Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi jtsenko
    It seems your theme doesn’t already include this code. To wrap images and text, the following code needs to be in your style.css file or any other css file.

    img.alignright { float: right; margin: 0 0 1em 1em; }
    img.alignleft { float: left; margin: 0 1em 1em 0; }
    img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
    .alignright { float: right; }
    .alignleft { float: left; }
    .aligncenter { display: block; margin-left: auto; margin-right: auto; }

    You can learn more about this on WordPress Codex: https://codex.wordpress.org/Wrapping_Text_Around_Images

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Which text on that page is H1? I’m not seeing anything using h1.

    “About Vintage Girl” is in its own row and does not use a header style. Without rearranging your HTML markup, I don’t see how you’d wrap an image near it.

    Thread Starter jtsenko

    (@jtsenko)

    Oh, I was playing around with it and took the first sentence “Hello from Vintage Jewelry Girl!” out of the H1 attribute and just changed the page title. But regardless, if I put the sentence in an H1 attribute, or any heading for that matter, it automatically goes below the picture. I changed it back so you can see. And I actually have that exact CSS code in my child theme.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Check the CSS for your Hx tags. Many themes add a “clear:both;” to the CSS, so you can’t float stuff with them. If so, try removing the “clear:both;” for the H1 tag. (Check for side -effects!)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How To Get An Image To ALign to The Side Of H1 Text?’ is closed to new replies.