Photo Enlarge in Posts

Community Forums Forums General Discussion Photo Enlarge in Posts

This topic is: not resolved

Tagged: , ,

This topic contains 2 replies, has 2 voices, and was last updated by  BennettGlobal 1 year, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #32311

    BennettGlobal
    Participant
    Post count: 16

    Hello,

    I am having a problem trying to figure out how to enlarge a photo within a post.  I have a photo of Robert Di Niro stored in my media library that’s “1960 x 1278″.  It’s a great photo and high res.  When I add the photo into the post its reducing the size to “230 x 150″.  I would like the photo to cover width of the post and remain in proportion.  My width would be 600.  The photo functions as the lead-in to the content below.  But, when I try to adjust the photo to a larger size by clicking on the image editor it becomes distorted.   When I go into the Text and change the code to reflect a larger size its still distorted.  I’ve played around with linking.  I’ve looked in my media library settings for options.  I’m stumped?  It seems to be automatically inserting as a thumbnail.

    How do I fix the problem.  Here is a link to the page in question.  I’ve intentionally left it distorted.

    http://www.entertainmentravel.com/2013/03/19/celebrity-restaurant-owners-bring-more-than-a-name/

    Michael

     

     

    #32316

    AC
    Blocked
    Post count: 7712

    I had a similar problem and it had to do with captions. Not sure if it’s the same for you. But try this. Look for this in your Style.css

    [css]img {
    height: auto;
    max-width: 100%;
    }[/css]

    Put a forward slash (/) at the beginning of the height like so:

    [css]/ height: auto;[/css]

    Then try to insert a picture.

    #32340

    BennettGlobal
    Participant
    Post count: 16

    Hi Anitac,

    Here is the code I found in my CSS.  I added the slash in front of height and tried to post an image and it did not work.

    /* Images
    ———————————————————— */

    img {
    /height: auto;
    max-width: 100%;
    }

    .avatar,
    .entry-content img,
    .featuredpage img,
    .featuredpost img,
    .post-image {
    background-color: #fff;
    border: 4px solid #eee;
    padding: 1px;
    }

    .home-middle .featuredpost img {
    margin: 0 0 10px;
    }

    .author-box .avatar {
    background-color: #fff;
    float: left;
    height: 72px;
    margin: 0 10px 0 0;
    width: 72px;
    }

    .post-image {
    margin: 0 10px 10px 0;
    }

    .comment-list li .avatar {
    background-color: #fff;
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
    width: 30px;
    }

    img.centered,
    .aligncenter {
    display: block;
    margin: 0 auto 10px;
    }

    img.alignnone {
    display: inline;
    margin: 0 0 15px;
    }

    img.alignleft {
    display: inline;
    margin: 0 15px 10px 0;
    }

    img.alignright {
    display: inline;
    margin: 0 0 10px 15px;
    }

    .alignleft {
    float: left;
    margin: 0 15px 0 0;
    }

    .alignright {
    float: right;
    margin: 0 0 0 15px;
    }

    .wp-caption {
    background-color: #f5f5f5;
    padding: 10px;
    text-align: center;
    }

    p.wp-caption-text {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 0;
    }

    .wp-smiley,
    .wp-wink {
    border: none;
    float: none;
    }

    .gallery-caption {
    }

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.