Title: Please Bring Equal Height!
Last modified: April 2, 2026

---

# Please Bring Equal Height!

 *  Resolved [Mohsin Alam](https://wordpress.org/support/users/mohsinworld/)
 * (@mohsinworld)
 * [2 weeks ago](https://wordpress.org/support/topic/please-bring-equal-height/)
 * I’m using two column design and the right column with the donation form is little
   shorter than the left elements. It would be better looking if you ccould bring
   equal height option. Thanks
 * Screenshot: [https://www.awesomescreenshot.com/image/59596713?key=d1fec9532e58b1d27303df292504cbf3](https://www.awesomescreenshot.com/image/59596713?key=d1fec9532e58b1d27303df292504cbf3)
 * ![](https://wordpress.org/f29173cc-41c1-4917-81ff-ad7d18cef96e)

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

 *  Plugin Support [Ginger Coolidge](https://wordpress.org/support/users/gscoolidge/)
 * (@gscoolidge)
 * [2 weeks ago](https://wordpress.org/support/topic/please-bring-equal-height/#post-18870731)
 * Hello [@mohsinworld](https://wordpress.org/support/users/mohsinworld/) ,
 * Glad you reached out, happy to help!
 * The Two Panel donation template option can be _very_ different from form to form
   based on an image length of the left panel, and additional blocks used on the
   right panel. Given that, we decided to leave it up to the individual site owner
   in how that can be styled with additional CSS if needed instead of forcing a 
   layout.
 * I hope this helps to clarify things! Please let us know if you have further questions
   we can assist with 🙂
 *  Thread Starter [Mohsin Alam](https://wordpress.org/support/users/mohsinworld/)
 * (@mohsinworld)
 * [2 weeks ago](https://wordpress.org/support/topic/please-bring-equal-height/#post-18871301)
 * Please help me make it an equal height. Thanks
 *  Plugin Support [Ginger Coolidge](https://wordpress.org/support/users/gscoolidge/)
 * (@gscoolidge)
 * [2 weeks ago](https://wordpress.org/support/topic/please-bring-equal-height/#post-18871430)
 * Hellp [@mohsinworld](https://wordpress.org/support/users/mohsinworld/) ,
 * Happy to take a look, however, I’ll need at a minimum a link to your donation
   form please.
 * Best regards,
 *  Thread Starter [Mohsin Alam](https://wordpress.org/support/users/mohsinworld/)
 * (@mohsinworld)
 * [2 weeks ago](https://wordpress.org/support/topic/please-bring-equal-height/#post-18871442)
 * This is the link: [https://drkwasiafrifa.com/donation/](https://drkwasiafrifa.com/donation/)
 *  Plugin Support [Ginger Coolidge](https://wordpress.org/support/users/gscoolidge/)
 * (@gscoolidge)
 * [1 week, 6 days ago](https://wordpress.org/support/topic/please-bring-equal-height/#post-18871603)
 * If you increase the margin above and below the header of the right-panel surrounding“
   How much would you like to donate today?” , that will push it down to match the
   bottom of the left-panel.
 *     ```wp-block-code
       .givewp-donation-form__steps-header {     margin-top: .8rem;     margin-bottom:.85rem;}
       ```
   
 * The link to the screenshot below shows the results of the above values. You can
   adjust the rem values to your liking and/or make other adjustments, but that 
   should get you started.
 * [https://www.loom.com/i/75bc75fdec5d4aa9b59453ad0044f546](https://www.loom.com/i/75bc75fdec5d4aa9b59453ad0044f546)
 * Regarding _where_ to put the CSS changes, since the donation forms are in an 
   iFrame, you’ll need to place this in the **Design – Styles – Custom Styles** 
   area as shown below. Save the changes and refresh to be able to see the results.
 * I hope this helps to point you in the right direction! Have a great weekend 🙂
 *  Thread Starter [Mohsin Alam](https://wordpress.org/support/users/mohsinworld/)
 * (@mohsinworld)
 * [1 week, 6 days ago](https://wordpress.org/support/topic/please-bring-equal-height/#post-18871672)
 * I have used this CSS:
 * .givewp-donation-form__steps-header {
   min-height: 80px;}
 * Awesome help. Thanks

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

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fplease-bring-equal-height%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287)
 * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/give/)
 * [Active Topics](https://wordpress.org/support/plugin/give/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/give/reviews/)

## Tags

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

 * 6 replies
 * 2 participants
 * Last reply from: [Mohsin Alam](https://wordpress.org/support/users/mohsinworld/)
 * Last activity: [1 week, 6 days ago](https://wordpress.org/support/topic/please-bring-equal-height/#post-18871672)
 * Status: resolved