Ideal Image Size

Hi Edward,

Unfortunately, the image size on the map popup uses the “Background-size” > “Cover” CSS style which will automatically fit the image to match the container size. A workaround for this would be to change the “Background-size” to “contain”, which can be done using the custom CSS code below. Insert into GD > Design > Scripts > Custom Style CSS.

.geodir-bubble_image .geodir_thumbnail {
    background-size: contain;
}

Thanks!

Hi Edward,

That custom CSS only changes the image on the map popup. Check out this screenshot http://prntscr.com/d763mj . You can do the same to featured image on the listing using the custom CSS code below. Add this below the code you entered just now.

.geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
    background-size: contain;
}

Thanks!

Cover works best in 99% of case, for images with letters (logo) or a portrait, contain works best. but those are definitely the minority.

Thanks