Images in gallery do not fill the whole space

  • Resolved beedaan

    (@beedaan)


    5 years, 1 month ago

    I read the notes about upgrading to 1.4. I didn’t have any major concerns, so I went ahead and applied the update. I saw there were changes to the carousel that is used in the gallery. I noticed that my images in the gallery don’t fill the whole container.

    I tried changing a few options in Advert Options > Gallery. First I tried changing the Image Fit option, which was blank by the way. I didn’t notice any changes. Then I tried to change the Image Size for the Adverts Gallery. The default is 650×300. I tried to change to 850×450, but it looks like the settings did not take.

    I know these are still early days for 1.4. Any advice would be great, thanks!

    • This topic was modified 5 years, 1 month ago by beedaan.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Greg Winiarski

    (@gwin)

    Hi,
    it seems there is a conflict with your theme, to resolve it you can go to wp-admin / Appearance / Customize / Additional CSS panel and add there the code below

    
.wpadverts-slide-image img {
    height: 100% !important;
}

    Then, to change how the image fits inside the gallery you should be able to go to wp-admin / Classifieds / Options / Core / Gallery panel and in the “Image Fit” select “Cover” or just add to the above snippet additional line

    
object-fit: cover !important;
    Thread Starter beedaan

    (@beedaan)

    Thank you! They height style fixed the issue I was having. The object-fit style didn’t make any noticeable difference. I also tried the Image Fit options in the settings, but I didn’t see a change to the appearance.

    I’m marking as mostly resolved. The appearance is fixed, but I don’t see what the Image Fit option is doing and I would like a better understanding before changing the setting.

    Plugin Author Greg Winiarski

    (@gwin)

    The image fit option does basically the same thing as the object-fit param in the CSS that is it decides how the image should fit inside the container.

    It might be best to test various fit options visually for example here https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

    Thread Starter beedaan

    (@beedaan)

    Ok, I found the issue. I understand what object-fit does, I just did not see it’s effect being applied to the images. This was being caused by another style on the img. I set width to 100% and the problem is solved. Thanks again for everything.

    • This reply was modified 5 years, 1 month ago by beedaan.
    • This reply was modified 5 years, 1 month ago by beedaan.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Images in gallery do not fill the whole space’ is closed to new replies.

Tags