ferdinand.bardamu

To answer my own question, YES applying CSS in the form builder worked for the confirmation/failed pages I produced with the related shortcodes. So this facility appears to be MORE GLOBAL than using Settings > Advanced > Donation Forms for custom CSS.

Just following up to confirm I am able to load these fonts now that I have the site on the public internet. We definitely need to be loading these in our GiveWP CSS and I also found the easiest thing to do was skip the specificity and use selectors like body, h1, h2, h3, etc.

It appears the plugin is using public DNS for its own lookups? (Or that there are public lookups occurring at some point.) That would definitely cause this problem. In which case I guess I will just see this as moot for now and proceed under the assumption it will resolve once the site is public.

Here is the pertinent section of CSS I have at Settings > Advanced > Donation Forms

@font-face {
  font-family: 'BENTONSANS-COMP-BLACK';
  src: url('//hannahandfriends.org/wp-content/uploads/2025/09/bentonsans_comp_black-webfont-1.woff2') format('woff2'),
       url('//hannahandfriends.org/wp-content/uploads/2025/09/bentonsans_comp_black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nanami-Light';
  src: url('//hannahandfriends.org/wp-content/uploads/2025/09/Nanami-Light.woff2') format('woff2'),
       url('//hannahandfriends.org/wp-content/uploads/2025/09/Nanami-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');

}
/* Fonts Test */
@import url('https://fonts.googleapis.com/css2?family=Protest+Guerrilla&display=swap');

.give-form, .give-form * {
    font-family: 'Roboto', sans-serif;
}

.givewp-layouts.givewp-layouts-headerTitle h2{
font-family: 'Protest Guerrilla';
}

.givewp-layouts.givewp-layouts-headerTitle h3{
font-family: 'Protest Guerrilla';
}
/* End Fonts Test */

I have cleared GiveWP cache and performed a hard reload of the page in question (I have updated my hosts file to work on the site with the correct domain but you can access it by proxy here: https://hannahandfriendsorg.skipdns.link/give/) before recording the screencast below. As you can see, the fonts shown are still the defaults. When I inspect in dev tools and go to change the font-family property, the fonts I added via @font-face are available to be selected but doing so does not change them to those fonts, just to system defaults. (Presumably, the page is aware of them but they cannot be called for iframe content.) The fonts added via @import are not available to be selected and entering them manually likewise does not result in those fonts being displayed. When I look at the Network > Fonts section of the dev console, I can see that the two custom fonts that Avada loads via @font-face are present in some Avada CSS. There are not separate entries for these fonts in any GiveWP CSS.

Screencast (expires in 2 days): https://streamable.com/k4c07o

Screenshot (expires in 3 days): https://temp.sh/sYMtQ/Screenshot_from_2025-10-22_13-50-13.png

Yes, I read the documentation and successfully styled all of my forms except for the green spinner and its parent div (want to drop the shadow), which is the topic of this post, as I have not been able to locate the correct CSS selectors. I was curious if anyone else had been able to style those specific elements and, if so, the selectors or approach used.

Edit: Please unmark this as “resolved” as your “answer” did not even address my question. If you do not have an answer, perhaps others in the community will.

• This reply was modified 5 years ago by ferdinand.bardamu. Reason: Noticed this was marked resolved

Yes, I can confirm that modifying line 70 from

require_once 'vendor/autoload.php';

to

require_once __DIR__ . '/vendor/autoload.php';

resolved the issue. (Well, the error ceased. Still have to see if data begins accumulating again, but that seems likely.)

Hustle staff, please take note of this syntax modification. I will see if I can find this in the WPMUDev Github repo as well.

Thanks much.