Hi @maginwebdesign,
Happy to help you.
In my last reply to you here, I gave you the rails to implement the code that you should use to customize the image size of your donation form. We usually do not send custom code to users, but I’m happy to give you the rails to change the image site, so you can customize it to your site.
You’d need to add some code like this, using the class <i>image</i>:
.image {
height: 100px !important;
}
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.
If you need further customizations, we advise you to contact our friends at Codeable.io https://go.givewp.com/codeable because they are WordPress experts and will surely help you with custom code.
Have a great day!
