Requesting snippet for css to give form thrown by permalink

Hey @doste,

Happy to help you.

If you are using the multi step donation form, then there is a thing you need to do. 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

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

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/

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.

Hey Matheus,

Thanks for the reply! From a previous support req a few weeks ago I installed Snippets and have the following modification to the Give multi-step form, to increase field width and reduce font size to achieve the desired result.

form[id*=give-form] .give-donation-amount input.give-amount-top {
width: 250px !important;
font-size: 35px !important;
}

However, the technique only addresses the multi-step form and I need to make the same change to the Give form thrown by permalink. No WordPress page exists for the permalinked page, and I’m still pretty lost on how to see the same result on the static page. Do you think I could continue asking for specific advice to make the specific change shown above to the Give form thrown by permalink?

Thanks!

no URL – site is not live

Hey @doste,

Custom code falls outside of the support scope, and most likely this is related to your theme. In this case, I encourage you to reach out to a developer that can customize it for your using a single page, for example. I gave your more details here on this ticket https://www.ads-software.com/support/topic/requesting-help-to-add-content-to-permalinked-page/

Thanks for using GiveWP! Have a great day.