Change to size of the Company Logo

  • Resolved braehler

    (@braehler)


    5 years, 8 months ago

    Hey there,

    how can we change the size of the Company Logos shown on the jobs shortcode page. I tried something, but with this ones, it just destroys my whole layout:
    I put this one in the functions.php.

    add_action( ‘after_setup_theme’, ‘my_custom_size_img’ );
    function my_custom_size_img() {
    add_image_size( ‘job-offer-img’, 250, 250, true);
    }

    and changed line 23(I′ve overridden the template just like the documentation says) from
    <?php the_company_logo(); ?>
    to
    <?php the_company_logo(‘job-offer-img’); ?>

    Any help about this?

    • This topic was modified 5 years, 8 months ago by braehler.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Richard Archambault

    (@richardmtl)

    Hi!

    Your works for me! Make sure of a few things:

    1) Install the “Regenerate Thumbnails” plugin
    2) make sure your job-offer-img size is listed in the list of image thumbnail sizes; if it isn’t, then your image size function isn’t cooperating
    3) Regenerate all your thumbnails using the plugin, to ensure you have images that are 250px by 250px
    4) Check that there aren’t any CSS declarations that aren’t shrinking your images; there are default CSS declarations that come with the plugin, for example, that affect image sizes.

    Let me know how it goes!

    Thread Starter braehler

    (@braehler)

    Hi,

    seems we have some problems with the <?php the_company_logo(); ?> code.

    We were able to figure out that for some reason this line is definded that way
    <div class=”job_listing-logo”>
    <?php jobify_the_company_logo( ‘thumbnail’ ); ?>
    these lines are declared in the contend-job_listing.php in the theme folder.
    When we try to overdide this, we have the same effect which I mentioned above.
    Any thoughts about this/ or how to fix this?

    Thread Starter braehler

    (@braehler)

    Hey, some update on this:
    solved it via CSS, here are the lines that work, so if someone else needs this ??
    @media screen and (min-width: 1200px){
    .job_listing-about, .resume-about {
    width: 86%;
    margin-left: 0%;
    }
    }
    @media screen and (min-width: 1200px){
    .job_listing-logo, .resume-logo {
    width: 14%;
    }
    }

    after that you need to regenearate the thumbnails

    @media screen and (min-width: 992px){
    .job_listing-logo, .resume-logo {
    width: 14%;
    }
    }

    @media screen and (min-width: 992px){
    .job_listing-about, .resume-about {
    width: 80%;
    margin-left: 2%;
    }
    }

    @media screen and (min-width: 768px){
    .job_listing-logo, .resume-logo {
    width: 14%;
    vertical-align: middle;
    }
    }
    @media screen and (min-width: 768px){
    .job_listing-about, .resume-about {
    width: 83%;
    margin-left: 3%;
    vertical-align: middle;
    }
    }

    • This reply was modified 5 years, 8 months ago by braehler.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change to size of the Company Logo’ is closed to new replies.