Feature image zoomed in desktop view

  • Resolved bob12345bb

    (@bob12345bb)


    8 years, 11 months ago

    Hi All,

    First just to say I am totally new with WordPress, i managed to get everything working except for the feature image.

    In Mobile view the site look good, the feature image displayed full, but when i resize the window to desktop it will get zoom in and look ugly.

    Is there way to keep the aspect of the image, so it won’t get zoom in during the desktop mode.

    Here is my site: http://sngpartners.com.au

    Thank you in advance for advice.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 11 months ago

    I’m not sure I understand what you mean about zooming because the desktop version looks like the original image: http://sngpartners.com.au/wp-content/uploads/2017/06/header-final1.jpg

    The grey is there by theme design so that you can add text on top of the image and it won’t have poor contrast. To remove it, go to the “Additional CSS” part of the dashboard and add this:

    
body .panel-image:before {
    display: none;
}
    Thread Starter bob12345bb

    (@bob12345bb)

    8 years, 11 months ago

    Hi Andrew,

    Firstly thanks for the quick reply.

    Sorry as I don’t know how to describe my problem properly.

    Please see the image below, when in different view.

    All pic display fine in tablet and mobile view, however when display in desktop size the pic get zoomed in.

    Desktop view
    Mobile View

    Thanks once again

    Thread Starter bob12345bb

    (@bob12345bb)

    8 years, 11 months ago

    You can see this problem as you adjust your windows size.

    dannyorerio

    (@dannyorerio)

    8 years, 11 months ago

    Try using the following custom css.

    To resize the header image:

    .has-header-image .custom-header-media img, .custom-header-media img {
    position: relative;
    }

    To resize the feature images:

    .panel-image {
    background-size: contain;
    }

    Thread Starter bob12345bb

    (@bob12345bb)

    8 years, 11 months ago

    Oh Thanks dannyorerio!!

    It work fine now, the image not zoom in.

    Thanks

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

The topic ‘Feature image zoomed in desktop view’ is closed to new replies.