Title: Projects Widget
Last modified: August 18, 2021

---

# Projects Widget

 *  Resolved [per61](https://wordpress.org/support/users/per61/)
 * (@per61)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/projects-widget-2/)
 * Hi,
 * Is there a way to align the projects better when linking multiple categories?
 * Due to the excerpts being different character lengths, it puts each project in
   odd alignments on the ones below (example linked) and it looks messy.
 * [Example](https://imgur.com/wyo3LuQ)
 * Many Thanks!

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

 *  Theme Author [terrathemes](https://wordpress.org/support/users/terrathemes/)
 * (@terrathemes)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/projects-widget-2/#post-14785105)
 * Hi,
 * the alignment of the elements is based on a JavaScript plugin to be displayed
   as a masonry grid. However you can override it with some CSS to align these to
   be underneath each other with this:
 *     ```
       .meteorite-projects .isotope-container {
         height: auto !important;
       }
       .meteorite-projects .project-item {
         position: static !important;
         display: inline-block;
       }
       ```
   
 * Please tell me if this solves your issue or whether you need further assistance.
 *  Thread Starter [per61](https://wordpress.org/support/users/per61/)
 * (@per61)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/projects-widget-2/#post-14785128)
 * Perfection! Thank you!
 *  Thread Starter [per61](https://wordpress.org/support/users/per61/)
 * (@per61)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/projects-widget-2/#post-14804422)
 * Sorry to go back to this.
 * Since I’ve added this CSS it makes the blocks very jumpy when flicking between
   the categories. Whereas before it was a smooth transition when filtering. Also
   on the odd occasion the blocks will be half way down the page when selecting 
   a category filter.
 * Any idea if there’s a fix for that? Could it be more an issue with the browser(
   Chrome)?
 * Many thanks!
 *  Theme Author [terrathemes](https://wordpress.org/support/users/terrathemes/)
 * (@terrathemes)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/projects-widget-2/#post-14805032)
 * It’s not an issue with the browser. The projects widget uses [https://isotope.metafizzy.co/](https://isotope.metafizzy.co/)
   for the filtering / masonry grid. As I thought you don’t need the filtering (
   it’s not in your example image) that was the fastest and easiest fix.
 * To solve your issue, you need to overwrite the main javascript in a child theme.
   There’s a function call from isotope inside meteorite_portfolioIsotope. Overwrite
   it and add in a layoutMode set to fitRows to achieve what you want.
 *     ```
       $selector.isotope({
                   filter: '*',
                   layoutMode: 'fitRows',
                   itemSelector: '.project-item',
                   percentPosition: true,
                   animationOptions: {
                     duration: 750,
                     easing: 'liniar',
                     queue: false,
                   }
                 });
       ```
   
 * Please tell me if you need further assistance with it.

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

The topic ‘Projects Widget’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/meteorite/2.5.2/screenshot.png)
 * Meteorite
 * [Support Threads](https://wordpress.org/support/theme/meteorite/)
 * [Active Topics](https://wordpress.org/support/theme/meteorite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/meteorite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/meteorite/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [terrathemes](https://wordpress.org/support/users/terrathemes/)
 * Last activity: [4 years, 9 months ago](https://wordpress.org/support/topic/projects-widget-2/#post-14805032)
 * Status: resolved