Title: Photo Grid
Last modified: August 30, 2017

---

# Photo Grid

 *  Resolved [AliAnne84](https://wordpress.org/support/users/alianne84/)
 * (@alianne84)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/)
 * Hi there, I am having some trouble with the photo grid showing up correctly. 
   Here is the behance link: [https://www.behance.net/gallery/56253773/Juns-Menu-Design](https://www.behance.net/gallery/56253773/Juns-Menu-Design)
   and my website link: [http://www.alijonesdesign.com/portfolio/bproject/juns-menu-design/](http://www.alijonesdesign.com/portfolio/bproject/juns-menu-design/)
 * Any suggestions on how to get the images to show up in the grid format versus
   on top of each other?
 * Thank you!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fphoto-grid%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9456407)
 * Dear Ali,
 * Thanks for using the Portfolio Manager.
 * Regarding your issue, the photo grid in Behance arranges itself according to 
   the available page width.
 * e.g. [https://www.behance.net/gallery/56253773/Juns-Menu-Design](https://www.behance.net/gallery/56253773/Juns-Menu-Design)
   is a full-width page with the project is 1600px wide. If you see the same project
   on your phone, you’d see the grid aligned differently (on top of each other).
 * on your website [http://www.alijonesdesign.com/portfolio/bproject/juns-menu-design/](http://www.alijonesdesign.com/portfolio/bproject/juns-menu-design/)
   the page width is 1245px out of which the project gets 925px width. Thats the
   reason why the grid arranges itself to best fit the width.
 * I added some extra CSS using the Inspect Element, and you can see that the grid
   aligns like Behance when project’s width is 1400px.
    **[Please check this screenshot.](https://www.dropbox.com/s/nap8bvkhe0obvs8/photo-grid.jpg?dl=0)**
 * P.S. Kudos on the design btw, and amazing presentation as well 🙂
 *  Thread Starter [AliAnne84](https://wordpress.org/support/users/alianne84/)
 * (@alianne84)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9457358)
 * Thank you so much for the response (and the design compliment!). Could you help
   me out with the css? Right now I have the following custom CSS (which I believe
   is also courtesy of you):
 * .eds-bpm-main{
    max-width: 785px; margin-left: auto; margin-right: auto; }
 * [@media](https://wordpress.org/support/users/media/) only screen and (min-width:
   692px) and (max-width: 1253px) {
    .eds-bpm-main{ max-width: 525px; } }
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   691px){
    .eds-bpm-main{ max-width: 260px; } }
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9459847)
 * Dear Ali,
 * Sure, I’d love to help you with it.
 * Note that the CSS would be applied only to the pages which have the Portfolio
   items (mosaic, single project etc.) So the rest of the pages will be smaller 
   in width.
 * Also, I noticed you have the Credits, project title etc on the right active. 
   I would suggest you to consider hiding those. Since it is your own personal website,
   the author etc. would always be you 🙂 and these information can be seen on the
   footer as well.
 * Please let me know your thoughts on the above 2 points, and I’ll prepare the 
   CSS accordingly.
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9459860)
 * Just in case,
    **[this is what I have in mind](https://www.dropbox.com/s/x70341gzqq7zr76/single-project.jpg?dl=0)**
 *  Thread Starter [AliAnne84](https://wordpress.org/support/users/alianne84/)
 * (@alianne84)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9460803)
 * Yeah that would be great, I don’t mind hiding the credits 🙂
 * Thank you so much!!
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9462408)
 * Wow. I see that have taken care of everything 🙂
 * Just add these lines of code below the existing code in
    **Portfolio Manager 
   > Settings > Advanced Tab > Custom CSS**
 * This will give a finishing touch to the projects view.
 *     ```
       .container.main-content{
       	padding: 0;
       }
       #bop-container{
       	background-color: #f6f6f6 !important;
       }
       #bpm-project-footer-wrapper{
       	display: none;
       }
       ```
   
 * In case there are any issues after adding this, please let me know.
 *  Thread Starter [AliAnne84](https://wordpress.org/support/users/alianne84/)
 * (@alianne84)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9463319)
 * Thank you! You are amazing! Do you take donations or anything? I’d love to support
   this plugin!
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9464098)
 * Dear Ali,
 * We do accept donations.
    However, a good review would be more then enough here
   to show your support
 * 🙂

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

The topic ‘Photo Grid’ is closed to new replies.

 * ![](https://ps.w.org/portfolio-manager-powered-by-behance/assets/icon-256x256.
   png?rev=1243928)
 * [Behance Portfolio Manager](https://wordpress.org/plugins/portfolio-manager-powered-by-behance/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/portfolio-manager-powered-by-behance/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/)
 * [Active Topics](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [eleopard](https://wordpress.org/support/users/eleopard/)
 * Last activity: [8 years, 8 months ago](https://wordpress.org/support/topic/photo-grid/#post-9464098)
 * Status: resolved