'None' image alignment not working.

  • Author
    Posts
  • #94678

    When placing an image in a post the ‘None’ image alignment simply positions the image on top of the first line of text. It doesn’t allow the text to remain on the same line. Why is that and how can it be fixed? I don’t want to shift the entire paragraph and I don’t want the first line of text on a separate line. This links to an example of the image alignment I need … https://littleittys.wordpress.com/2016/04/10/delete-the-p-from-passwords/

    #94868
    scottrrollo
    Theme Author

    Hey there!

    Have you tried aligning your image left? This way your text will wrap around your image.

    Let me know if that’s not what you’re looking for.

    #94956
    thewhirlygirly
    Member
    Original poster

    I’d really like the image to sit beside the first line of text. Left and right alignment are often too intrusive.

    #94958
    scottrrollo
    Theme Author

    Hey again,

    Perhaps you could share an example of what you’re hoping to do? I’m not sure how positioning the image beside the text would look different than aligning the image left.

    Have a great weekend :)

    #94964
    thewhirlygirly
    Member
    Original poster

    Hi!

    Sorry, I meant to add a link to my first comment:

    https://littleittys.wordpress.com/2016/04/10/delete-the-p-from-passwords/

    That shows the type of image display I’m hoping for — it doesn’t crowd the full paragraph.

    I love the theme, it’s just this one niggling detail.

    #94984

    I see what you mean. In Watson, images are designed to display block.

    If you have a Premium or Business plan with custom CSS, you can add this snippet:

    img { display: inline-block; }

    Alternately you can do this inline by switching to the “text” editor. You’ll see the image code that looks like this:

    <img class="wp-image-13509 alignnone" src="https://thewhirlygirly.files.wordpress.com/2016/04/bomb_monster.jpg?w=207&h=207" alt="bomb_monster" width="207" height="207">

    You can add (to the end):

    style="display: inline-block;"

    So it looks like this:

    <img class="wp-image-13509 alignnone" src="https://thewhirlygirly.files.wordpress.com/2016/04/bomb_monster.jpg?w=207&h=207" alt="bomb_monster" width="207" height="207" style="display: inline-block;">

    I hope that is helpful and not super confusing!

    #94988
    thewhirlygirly
    Member
    Original poster

    Thank you so much.

    I think I understand, but I’m in way over my head here. I only have the premium theme, which was site mapped by WordPress. So I’ll plan to do an upgrade and then — ulp — add the code.

    For now I’ll try the alternate approach — switch to the text editor. And if that doesn’t work, well, I’ll survive.

    Again, thanks for the help.

    #94989

    We’re happy to help. :)

    Good luck with your blog!

    #94992
    thewhirlygirly
    Member
    Original poster

    I’ll need more than luck. I’ll need a team from Silicon Valley and a miracle. Thank you, though :o)

  • The topic ‘'None' image alignment not working.’ is closed to new replies.