Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello @orbofdarkness,

    Thanks for reaching here.

    Please go to wp-content->theme->yourtheme->style.css file and put below CSS.

    .wp_teamshowcase_grid.design-1 .teamshowcase-image-bg img{ object-fit: unset !important; }

    If you like our Plugin Please Give You important Rate and Review Here…

    Thanks,

    Thread Starter orbofdarkness

    (@orbofdarkness)

    Hi Anoop,

    Thanks a lot for the help. The Front Side Looks fine. However, when I click on it when the popup opens the images are still looking zoomed in. Can that also be fixed? Kindly check screenshot.

    https://www.awesomescreenshot.com/image/3798426/9ebefde92b8ccd9784f56cbf398fa7d6

    Thanks,
    Prasenjit.

    Hello,

    Actually we are writing CSS such way like any size image will cover in the box whether image width and height smaller or bigger then outer box without starching or pressing in any device screen. because it very challenging task like same size image and same size box and image will fit perfect.

    I give you CSS please try.
    Please add this CSS where you have previous add.

    header .wp-modal-header {
        background-size: 100% 100% !important;
    }

    >> But you can notice image will show you starched if image small and it will show you pressed if image bigger then box.

    Now remove above CSS and try bellow and look output

    header .wp-modal-header {
        background-size: contain !important;
    }

    >>you can notice image perfect but not cover box and not look good

    And if you need perfect image then you have to add same size width and height of outer box.

    Thanks

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

The topic ‘Image Size’ is closed to new replies.