Align Image Left

  • Quick question from someone not that knowledgeable in Word Press. I lost the ability to align images left where the text hugs the image. Instead, the text appears directly under the image. It only happens on my postings, not my main pages. Can someone PLEASE help me fix this in beginner terms? My site is located at:
    https://www.lensaunders.com/wp/
    As you will see, on my home page, it works. Only when I post a new item to my blog I cannot do it. Thanks again.

Viewing 6 replies - 1 through 6 (of 6 total)

  • can you post a direct link to one post where the image does not align?

    are you ticking the ‘left’ box under ‘alignment’ when inserting the image?

    at least in the tow last recent posts, it seems to be ticked on ‘center’

    PS;
    your theme does not seem to have the correct styles;
    have a look at https://codex.www.ads-software.com/Wrapping_Text_Around_Images and add these style at the end of mx4.css of your theme:

    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}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption.alignright {float:right; margin:0 0 1em 1em}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0}
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
    Thread Starter childrensfitness

    (@childrensfitness)

    Hi alchymyth, first thank you for responding. First, to answer your questions:

    1. I cannot post a direct link to an example of where it does not align…..since it did not work, I did not like the way it looked, so i just made a post with no image. I’d rather have no image than have it look bad with the text directly under the image.

    2. Yes, I have been clicking the ‘left’ box.

    3. Yes, you are correct. I placed the images as ‘center’ as I felt it looked better this way, than align left wihout the text wrapping.

    4. I will add the style you sent over. Do I need to remove anything from my styles so there will be no conflict with other coding.

    Once again, thank you.

    Thread Starter childrensfitness

    (@childrensfitness)

    As a follow up to my above post with regards to #4, I see this in my mx4.css…..just want to make sure the new code does not cause conflict.

    `/* Random Images
    ————————————————–*/

    .random a img {
    margin-left: 6px;
    margin-bottom: 6px;
    padding: 4px;
    border-bottom: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    background:#ffffff;
    }

    .random a:hover img{
    background-color: #dcdcdc;
    }

    .aligncenter{display:block;margin:0 auto;}

    .wp-caption-text{text-align:center;}

    that is fine – stick the new styles simply after those ones.

    Thread Starter childrensfitness

    (@childrensfitness)

    Thank you so much. I will do it now. Enjoy the day.

    Thread Starter childrensfitness

    (@childrensfitness)

    Just a follow up, this worked. Thank you again alchymyth.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Align Image Left’ is closed to new replies.