WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Alignment of a Photo with Text on a Page (7 posts)

  1. sagdude2002
    Member
    Posted 4 years ago #

    I uploaded a photo onto one of my pages. I selected Alignment Left and inserted the photo onto the page. Everything looks fine on the Edit Page Screen. However, when I look at the actual website page the text starts next to the bottom right of the picture instead of next to the top right of the picture which is where I want it. I even tried to insert another picture that aligned correctly on another page but it didn't align correctly on this page. I've never had this problem before. Any suggestions? Thanks.

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    A link to a page demonstrating the problem would help.

  3. sagdude2002
    Member
    Posted 4 years ago #

    Here's the link: http://www.mikebradbury.net/
    Thanks!

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    Try editing style.css and adding:

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

    to the bottom of the file. Remember to press CTRL and F5 simultaneously when viewing the updated page/site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

  5. sagdude2002
    Member
    Posted 4 years ago #

    Hi Esmi,
    It looks like it worked. Thank you very much. I really appreciate your help!
    Mike

  6. aar0on
    Member
    Posted 3 years ago #

    esmi's advice works. Also, add the following to your photo code:

    class="alignleft"

    ...or whichever class you're using for a certain photo.

  7. rpaul888
    Member
    Posted 3 years ago #

    I believe my problem is similar. Is there a way without html changes to have text align "even with" a photo. I have 4 photos on a page, and I want to have the text correspond with the specific photo. Here's the page: http://effectivenessthroughawareness.net/about-jsj/ex-nf

    Thanks, Paul

Topic Closed

This topic has been closed to new replies.

About this Topic