after activating my web loading slows

Hi @dano111222,

Happy to clarify.

The biggest contributor to slow load times is the fact that GiveWP has to interface with the payment gateways to load the fields for payment. There’s no getting around that, and it’s loading directly from payment gateways. So the speed of the request is totally reliant on how far your server is from payment gateway servers and how busy their server is.

What you can do is remove the 3 donations forms from the homepage and instead put a link to the forms.

You can use the Form Grid shortcode for that: https://givewp.com/documentation/core/shortcodes/give_form_grid/

Hi @dano111222,

The modal conflicts with some of the styles in your theme.
The white frame is added by a minified stylesheet coming from a plugin:
https://www.tecnosoft.sk/wp-content/plugins/elegant-elements-wpbakery/assets/css/min/elegant-elements-combined.min.css?ver=1.6.0

https://prnt.sc/1ww54ls

If you remove the background and box-shadow properties it will remove the white frame.

The top of the modal is hidden behind your many because they both have a fixed position. You can move the modal down with this CSS code:
.give-embed-form-wrapper.modal { top: 50px; }

Hope it helps!

Do you mean that the footer is cut off?

You could remove the margin from the continue/donate button at the bottom

That will require a different approach because the element is in the form iframe.

The multi-step donation form and the donor dashboard load in an iframe, to make them more resistant to changes made in the theme’s CSS. That’s helpful for avoiding theme conflicts, but makes customizing the style of them 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 donor dashboard or the multi-step donation form: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php

On that one, you modify lines 16-26 with this CSS code:
.advance-btn, .download-btn, .give-submit { margin-top: 0; margin-bottom: 0; }

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/enqueue-style-for-givewp-iframes.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.

As long as you have other elements that are fixed or use z-index values you are going to have to keep making adjustments.

You make the z-index of the footer 0:
#footer { z-index: 0; }

The other option is not to open the form in a popup but instead open the form page when users click on the form link on the homepage.

Hi @dano111222,

This should do the trick:
.give-embed-form-wrapper.modal .modal-content { margin: 35 px auto 50px ; }

Glad to help. If you have any other questions don’t hesitate to open a new support ticket. Have a great weekend!