Image Size Overrides

  • Hi Greg,

    Just wondering if it’s possible to somehow override image sizes as we can’t seem to do it from the Gallery section. We’re looking at 2 sections specifically.

    1 – Individual Product Listing – https://imgur.com/b4kL7M0
    The featured image is very long and cut’s off much of the product. Is it possible to make it less narrow? And maybe a wishlist item, to have these photos in a masonary grid, so a big featured image and the others beside it much smaller.

    2 – The recent listings widget. Is it possible to crop all the images to be square in the widget?
    https://imgur.com/CZ3a9j4 – here they’re a bit all over the place

    These are our current settings: https://imgur.com/t8k0qAJ

    THank you!

    Alex

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

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

    (@gwin)

    Hi,
    1. the masonry grid for the gallery is not really possible right now I am afraid, WPAdverts supports only gallery.

    As for images you would need to go to wp-admin / Classifieds / Options / Gallery panel, in “Adverts List” field disable “crop image” checkbox and then using a plugin like Regenerate Thumbnails regenerate the images (to have them without cropping).

    2. i cannot seem to find the widget on the website you linked to, can you paste a link to the page which is using the widget?

    Thread Starter saprotsenko

    (@saprotsenko)

    Hi Greg,

    Thanks for that!

    1) I followed the instructions, and regenerated thumbnails.

    My settings: https://imgur.com/8bL25FC
    How it looks when set to COVER:https://imgur.com/CpmQsLw
    How it looks when set to EMPTY: https://imgur.com/ZLcjc24

    An ideal version would be a mix of the two, of course having the image full-width would make it huge, is there a way for this to cover 3/4 of the view for instance?

    2) For the widget. You can find it at https://futbolmarkt.com/community – it’s on the right side. Here are the settings for it: https://imgur.com/0JWMPtK

    Many thanks!
    Alex

    Plugin Author Greg Winiarski

    (@gwin)

    Hi,
    1. i am afraid not, please note that if you allow your users to upload images then there will always be some image size that will not fit the layout and it is not really a good idea to optimize for a specific image.

    2. you should be able to force the images to use the same width and height by adding the code below in your theme functions.php file

    
.adverts-widget-recent .advert-widget-recent-item-img {
    width: 65px;
    height: 45px;
    float: left;
    overflow: hidden;
}
.adverts-widget-recent .advert-widget-recent-item-img > img {
    max-height: auto !important;
    object-fit: contain;
}
    Thread Starter saprotsenko

    (@saprotsenko)

    Hi Greg,

    Understood for the first part. Thanks!

    I tried to input that code into the functions.php file but i keep on getting an error. The error is in the first line of the code. Any idea what it might be?

    While also on the topic, I want to hide the location and price in this widget. I found out how to do so through the template, but i lose those changes with every update. Is there something I can add into my child theme functions for that?

    Thanks as usual for the help!

    Alex

    Plugin Author Greg Winiarski

    (@gwin)

    Hi,
    sorry, the code from point #2 you should put in wp-admin / Appearance / Customize / Additional CSS panel (not in functions.php) my mistake.

    To additionally hide the Price and Location in the Recent Ads widget you can use the below code

    
.adverts-widget-recent-location, .advert-widget-recent-price {
    display: none !important;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image Size Overrides’ is closed to new replies.