• Resolved bob12345bb

    (@bob12345bb)


    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

    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)

    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)

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

    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)

    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.