Center Align Media Image

  • Resolved LHFashion

    (@lhfashion)


    9 years, 3 months ago

    Hello,

    I am currently trying to Center Align a media image on my homepage for, LustHaveFashion.com

    I have read through several posts on this topic, and have not been able to execute a fix for this as of yet.

    GOAL
    To center align the image on my homepage

    STYLE.CSS
    .alignleft {float: left;}

    .alignright {float: right;}

    .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

    PAGE TEXT
    <img class=”size-full wp-image-43″ src=”https://lusthavefashion.com/wp-content/uploads/2015/10/Lust-Have.png&#8221; alt=”Lust Have” width=”624″ height=”493″ />

    Could someone please let me know what I am doing wrong? I just can’t seem to get this.

    Thank you

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

  • Hey LHFashion !

    maybe if you post the link to the page where your image is would make things faster and more precise

    Cheers !

    Thread Starter LHFashion

    (@lhfashion)

    ….i did in the first sentence of my post:

    Lusthavefashion.com

    the image on the homepage of lusthavefashion.com

    Oups sorry It’s late here so …

    Anyway here is how to do it :

    in your style.css file look for 

    .content-area {
    max-width: 833px;
}

    and add margin: 0 auto; to become 

    .content-area {
    margin:0 auto;
    max-width: 833px;
}
    Thread Starter LHFashion

    (@lhfashion)

    @codemaniac,

    I appreciate you taking the time to help me out today. The code worked just fine. Thank you for your help. Enjoy your weekend.

    You are welcome LHFashion !

    If you need anything else let me know

    Cheers !

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