Join our new community forum for support & discussion

Join Now

Home Support Themes JobHive Adjust image size displayed within a job post

Adjust image size displayed within a job post

  • Author
    Posts
  • johnhaldi

    How would I go about updating the displayed size of an image that is uploaded for a job posting? Currently whatever size image is uploaded, the image is then stretched to fill the width of the displayed job listing. Is there a way to change this?

    Thanks,

    John

    yevhen developer

    Please try adjusting the image sizes and cropping rules in the Settings/Media section (the Landscape size (small) for listings images). WordPress crops images only if the image size exceeds the size set in Settings/Media section.

    johnhaldi

    The problem is that even if I upload a 50×50 image, it expands the image to display it as the full width of the listed job. Please see here for an example: https://www.fedexgrounddriverjobs.com/job/solo-driver-62000-83000-annual-salary-home-daily-with-flexible-days-off/

    yevhen developer

    Yes, it will always fit the parent column width, if you mean centering all listing gallery images and making them smaller it is possible, but requires CSS tweaks. Please consider using the company image for adding a logo, the listing gallery can be used for some extra images related to the job.

    mscottj95

    Do you have the CSS tweeks mentioned? Willing to give it a try to not have to tell every vendor that they have to have specially cropped photos for their listings.

    johnhaldi

    This snippet allowed me to adjust the image size to a width of the view portal:

    .hp-listing__images img {    
        width: 50% !important;    
    }

    It’s not ideal, as a % width doesn’t really make sense on a mobile. But it was better than before.

    yevhen developer

    @johnhaldi thank you


    @mscottj95
    you can try this snippet with a small modification

    @media only screen and (min-width:48em) {
    	.hp-template--listing-view-page .hp-listing__images img {    
                width: 50% !important;    
            }
    }
Viewing 7 posts - 1 through 7 (of 7 total)

New Reply

This forum has been archived and is no longer accepting new posts or replies. Please join our new community forum for support & discussion.