Loading icon missing

Please, can anyone answer me?
Thanks in advance.

Best regards!

Hi @eggeno,
Glad you reached out. The way you are trying to implement CSS with GiveWP is a little different than the way we recommend, which is why that loading icon isn’t displaying for you. We have a very helpful article all about CSS and GiveWP that should give you some good rails to run on: https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

Give this a look, and let me know if you have any questions in the meantime.

Hello!
Why do you say I am implementing the style sheet incorrectly?
I followed exactly what it says in the link you pointed me to.

I’m using the multi-step template and so I created, as described, a file called form-template-styles.css and inserted it via the function found here: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php

The function was inserted on the funtions.php file of my theme by replacing get_template_directory_uri() with get_stylesheet_directory_uri() since I am using a child theme.

So why is the loading icon no longer visible?
Let me know!

Best regards!

Please, can anyone answer me?
Thanks in advance.

Hello! Why doesn’t anyone respond to requests?
Where is the support for the plugin? I am still waiting for an answer!

Hey, @eggeno.

If you used the code snippet we provided, the loading icon should still be there unless you added some styles to it which caused the icon to disappear.

But to further investigate it, I’ll need steps to replicate the same issue you are facing, otherwise, I’m relatively stuck. You can start it by sharing the code you are using with me so I’ll create a file on my theme’s folder, add your code and run some tests on my donation forms.

Can you share the code you used so we can run some tests?

Looking forward to helping you get to the bottom of this!

Hello Matheus!
First: I have created form-template-styles.css and placed it into my child theme folder
Second: I have insert into my functions.php file this snippet code

function my_custom_override_iframe_template_styles() {
    wp_enqueue_style(
        'form-template-styles',
        get_stylesheet_directory_uri() . '/form-template-styles.css',
        /**
         *  Below, use give-sequoia-template-css to style the multi-step donation form
         *  or use give-donor-dashboards-app to style the donor dashboard
         */
        'give-sequoia-template-css'
    );
}

add_action('wp_print_styles', 'my_custom_override_iframe_template_styles', 10);

Third: I have inserted into form-template-styles.css these css rules

.give-donation-level-btn.give-btn{border-radius:30px!important}.give-btn.advance-btn,.give-submit.give-btn{border-color:#EB3F54!important;background:#EB3F54!important;border-radius:12px;}.give-form-templates{min-height:auto!important;}

Let me know!
Best regards

• This reply was modified 1 year, 7 months ago by eggeno.

Hi, @eggeno.

I tested the code you sent us and the loading icon still works. I recorded a quick video to show you it here https://somup.com/c0fOYM4puk.

Something I noticed on your site is that you are loading the form on a modal. This is likely what is causing the issue with the loading icon on your site. Putting myself in your shoes, I’d check for a compatibility issue with the plugin you are using for the modal.

Thanks for using GiveWP! Have a great day.