Title: Knowledgebase image issues
Last modified: August 31, 2016

---

# Knowledgebase image issues

 *  Resolved [rbbernie](https://wordpress.org/support/users/rbbernie/)
 * (@rbbernie)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/knowledgebase-image-issues/)
 * 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](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](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://wordpress.org/plugins/wp-knowledgebase/](https://wordpress.org/plugins/wp-knowledgebase/)

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

 *  Plugin Contributor [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * (@enigmaweb)
 * [10 years ago](https://wordpress.org/support/topic/knowledgebase-image-issues/#post-7367343)
 * 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](https://wordpress.org/support/users/rbbernie/)
 * (@rbbernie)
 * [10 years ago](https://wordpress.org/support/topic/knowledgebase-image-issues/#post-7367348)
 * Many thanks!
 *  Plugin Contributor [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * (@enigmaweb)
 * [10 years ago](https://wordpress.org/support/topic/knowledgebase-image-issues/#post-7367354)
 * 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](https://wordpress.org/support/view/plugin-reviews/wp-knowledgebase).
   Thanks again.

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

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

 * ![](https://s.w.org/plugins/geopattern-icon/wp-knowledgebase_c56559.svg)
 * [WordPress Knowledge base & Documentation Plugin - WP Knowledgebase](https://wordpress.org/plugins/wp-knowledgebase/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-knowledgebase/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-knowledgebase/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-knowledgebase/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-knowledgebase/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-knowledgebase/reviews/)

## Tags

 * [images](https://wordpress.org/support/topic-tag/images/)

 * 3 replies
 * 2 participants
 * Last reply from: [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/knowledgebase-image-issues/#post-7367354)
 * Status: resolved