Knowledgebase image issues

  • Resolved rbbernie

    (@rbbernie)


    10 years, 1 month ago

    Greetings! Great plugin! We’re hoping to use it for our instructor knowledgebase.

    We’re running into an issue with elongated images.

    Here’s an example:
    http://teaching.nmc.edu/?kbe_knowledgebase=uploading-files-to-ensemble
    When images are added as full size images, they respond to the container, but they are elongated just a bit. When the browser is adjusted to be smaller, the issue is more clear. The smaller images (that have a width less than the container) seem fine.

    A tedious workaround:
    http://teaching.nmc.edu/?kbe_knowledgebase=accessing-evaluationkit-course-results
    I’ve manually adjusted the images in this article to be 715 pixels wide. This seems to fix the elongated image problem, and the images display well when adjusting the browser window, but this a tedious fix especially because we have thousands of images we’re hoping to upload.

    In order to fit the kbe container within our theme’s container, we had to adjust the width to 1020. I’m not sure if that’s causing the issue.

    Any help/guidance is greatly appreciated.

    https://ww.wp.xz.cn/plugins/wp-knowledgebase/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Maeve Lander

    (@enigmaweb)

    10 years ago

    In the theme css you have this:

    img {
    max-width: 100%;
}

    So if you upload an image larger than the width available, it is squishing it to fit a max-width of 100% the space. Make sense?

    Luckily it should be an easy fix. Just add height property like this:

    img {
    max-width: 100%;
    height: auto;
}

    This will tell the browser to constrain proportion to the width.

    Thread Starter rbbernie

    (@rbbernie)

    10 years ago

    Many thanks!

    Plugin Contributor Maeve Lander

    (@enigmaweb)

    10 years ago

    Awesome 🙂 Glad to be of help.

    If you like the plugin the most helpful thing you can do for us is leave a rating/review here. Thanks again.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Knowledgebase image issues’ is closed to new replies.

Tags