Title: Box display misalignment
Last modified: March 19, 2020

---

# Box display misalignment

 *  [cindy101642](https://wordpress.org/support/users/cindy101642/)
 * (@cindy101642)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/)
 * I have chosen “3-columns in a row” to display Events in the page, but the first
   box in the first row is larger than the other two boxes, how can I make every
   box the same size?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbox-display-misalignment%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [techiesmind](https://wordpress.org/support/users/techiesmind/)
 * (@techiesmind)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/#post-12559513)
 * Use width as percent (%) for all the three box classes
    example: width: 30%;
 *  Thread Starter [cindy101642](https://wordpress.org/support/users/cindy101642/)
 * (@cindy101642)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/#post-12559672)
 * Thank you for your reply.
    May you teach me step by step where can I adjust the
   width?
 * Thank you again!
 *  [ravikumar1986ravi](https://wordpress.org/support/users/ravikumar1986ravi/)
 * (@ravikumar1986ravi)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/#post-12559942)
 * there is three things you have to understand.
    1. you event description of first
   box content is more than so one way is make it same as other box content. 2. 
   you can make minimum height box that suits for all boxes that will make look 
   perfect for all boxes. 3. there is some css you can apply to fix this.
 * let me know if you still didn’t find solution for this.
 *  [Aims Infosoft](https://wordpress.org/support/users/aimsinfosofts/)
 * (@aimsinfosofts)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/#post-12560183)
 * Hello,
 * => Put below CSS code into your stylesheet. It works, shown into the Screenshot,[
   [http://prntscr.com/rixhjy](http://prntscr.com/rixhjy)]
    `.filterable-portfolio
   li.portfolio_item .portfolio_item_holder .caption .excerpt{min-height: 88px;}`
 * Thanks!
 *  Thread Starter [cindy101642](https://wordpress.org/support/users/cindy101642/)
 * (@cindy101642)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/#post-12563060)
 * Thank you so much! The CSS code really works!
 * But there is still a box in Page 2 is larger, just one box, don’t know why…..
   how can i fix that too?
 * I really appreciate your help thank you!
    -  This reply was modified 6 years, 3 months ago by [cindy101642](https://wordpress.org/support/users/cindy101642/).
 *  [Aims Infosoft](https://wordpress.org/support/users/aimsinfosofts/)
 * (@aimsinfosofts)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/#post-12563356)
 * Hello,
 * => You can add this CSS code into your stylesheet. It will fix your issue.
    `.
   filterable-portfolio li.portfolio_item .portfolio_item_holder .caption h3{min-
   height: 40px;}`
 * Thanks!

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

The topic ‘Box display misalignment’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 4 participants
 * Last reply from: [Aims Infosoft](https://wordpress.org/support/users/aimsinfosofts/)
 * Last activity: [6 years, 3 months ago](https://wordpress.org/support/topic/box-display-misalignment/#post-12563356)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics