Title: Increase Max-Width
Last modified: March 2, 2021

---

# Increase Max-Width

 *  Resolved [hardcoremark](https://wordpress.org/support/users/hardcoremark/)
 * (@hardcoremark)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/increase-max-width/)
 * How do you increase the width of the form? It has a max-width of 552px but when
   I change the class .give-embed-form, .give-embed-receipt in custom css it doesn’t
   seem to have any effect. Many thanks.

Viewing 1 replies (of 1 total)

 *  Plugin Support [Matheus Martins](https://wordpress.org/support/users/matheusfd/)
 * (@matheusfd)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/increase-max-width/#post-14147269)
 * Hey [@hardcoremark](https://wordpress.org/support/users/hardcoremark/),
 * Happy to help you.
 * The multistep template loads in an iframe, to make it more resistant to changes
   made in the theme’s CSS. That’s helpful for avoiding theme conflicts, but makes
   customizing the style of the form a bit more difficult. There are two PHP code
   snippets in our Snippet library that will help with that process.
 * The first is for small changes, and adds some style inline to the form: [https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/multi-step-inline-styles.php](https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/multi-step-inline-styles.php)
 * On that one, you modify lines 13-17 with your own CSS.
 * The other is for enqueueing your own CSS completely via a custom stylesheet: 
   [https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/multi-step-enqueue-css.php](https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/multi-step-enqueue-css.php)
 * If you need assistance implementing custom PHP code on your website we have this
   guide:
 * [https://givewp.com/documentation/resources/adding-custom-functions-to-your-wordpress-website/](https://givewp.com/documentation/resources/adding-custom-functions-to-your-wordpress-website/)
 * Please note that this code snippet is provided as an example of how you can extend
   GiveWP with code. It’s up to you to implement and customize to your liking. We
   cannot provide support for custom code on your website, only the code that we
   create and distribute.
 * Thanks for using GiveWP! Have a great day.
    -  This reply was modified 5 years, 3 months ago by [Matheus Martins](https://wordpress.org/support/users/matheusfd/).

Viewing 1 replies (of 1 total)

The topic ‘Increase Max-Width’ is closed to new replies.

 * ![](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/)

 * 1 reply
 * 2 participants
 * Last reply from: [Matheus Martins](https://wordpress.org/support/users/matheusfd/)
 * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/increase-max-width/#post-14147269)
 * Status: resolved