gsamsmith

Hi there,

Here is some more CSS that can be used to force that color on the progress bar:

.give-progress-bar span {
    background-color: #00061c !important;
}

While it would be best to change the color form the donation form editor under the “Donation Goal” this will overwrite the admin settings.

If you would like to learn more, here is a link to our documentation on this:
https://givewp.com/documentation/core/give-forms/donation-goal/

Hi there,

We have a code snippet here that provides some more information on centering donation forms:
https://github.com/impress-org/give-snippet-library/blob/master/form-customizations/css-customizations/horizontally-center-form.css

Give that a try and keep me posted on how it goes.

Hi there,

Happy to give you some guidance on styles with Give.

This is likely related to some overly opinionated styles in your themes style.css file. You are welcome to change your installed theme as Give will continue to work with whatever theme you activate on your site, but I also understand that can be a rather large undertaking.

We’ve seen in the past themes will target all the input fields on a page, and especially if your theme is dark, all of the text is likely styled to be white for contrast.

If you’re comfortable with the inspect tool in your browser as you mentioned, finding these Give specific classes and writing additional styles in your theme will be one of the easier ways to go.

You can also paste a link to a donation form, and I can take a look to give you any insight I could provide. Keep me posted.

Hi there,

I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

Thanks.

Hi there,

I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

Thanks.

Hi there,

I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

Thanks.

Hi there,

Happy to help you out here.

You can target the Goal progress bar with the class give-progress-bar. To change the color of the progress, you can change the background-color. There is also a setting in the form editor to change this without needing additional CSS under the goal section.

To target the form fields you’re looking for the give-input class.

There are times where your themes style.css file can be a bit opinionated, and in those instances, you may have to find these styles and make some changes in order for the changes you implement to display correctly.

If you’re looking for specific guidance on something feel free to send over a link to your donation form, and I can take a closer look.

Thanks!

Hi there,

Our development team is currently working on restructuring how our fields are loaded on the page which would add more flexibility to these elements on the page. This is going to take a larger restructuring of our current plugin so this is going to take a bit of time before being released. This also means there is no timeframe that we could provide, but I did want you to know this is on the horizon.

That said, the code snippet you’ve mentioned is the only option we have to achieve this. To further help you out, we’ve also created a plugin that can help show what hooks and filters are available on Give forms:

https://github.com/impress-org/give-hook-helper

Give that a try, and let me know how it goes.

Hi there,

In order to resolve this, We’ll be adding some CSS styles to your installation.

Select the “Customize” link at the top left-hand side when you are signed in as an admin on your site.

Scroll to the bottom and where you see “Additional CSS”

Paste this code into the text area that displays:

.give-final-total-amount {
    color: #000;
}

When you do this, the text will turn black.

This is a quick fix for this issue, and I would recommend getting this added permanently in your style.css file. It looks like the .ctn article p which is responsible for turning the other text on the page white is also targeting the Donation Amount text resulting in this issue.

Let me know how this goes for you.

Hi Ian,

While there isn’t a way to do this with a CSV file. There is a way to quickly make customized donation forms with our “duplicate” feature.

For this process you’ll create a “base” form with settings and donation levels you know will be contained in every form you create.

You’ll then use that base form every time you need to create a new donation form by navigating to Donations >> All Forms and hovering over the donation form. The “duplicate” option will appear.

Thanks, and have a great rest of your day.

Hi there,

While you are able to set up links to all the forms on your network homepage as you would any website (which would redirect your donors to that respective form in their subsite) there is no way to way to do this with Give out of the box.

All of the information for donation forms live within their own tables in your multisite database, and there is no way to have them all interact with each other outside of their subsite.

That said, there is very little that can’t be achieved through custom development. If this is something that’s important to you I recommend seeking out the help of a developer that could possibly help you achieve this.

Hi there,

I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

Thanks.

Hi there,

I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

Thanks.

Hi there,

I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

Thanks.

Hi there,

While you mentioned that you aren’t using any third-party caching plugins on your site, is there a chance your hosting provider could be conducting cache for you? We see this error fairly often, and it typically always comes down to caching.

To explain a little, a “nonce” in WordPress is a method of creating a private session for your donor. This ensures that only your user is part of this session, and their private information is kept safe. This session is set to expire, and after it does, the nonce session is no longer valid.

In the past, we have seen users that use caching solutions run into this error. This private session is being cached (carried over from one donor to the next visitor) and when another user tries to submit the form, the cached session is served but is now invalid. When one of your donors unknowingly uses it, it results in a Nonce error.

The fix is to exclude certain pages from caching.

These pages include the Donation Confirmation and Donation History pages.

Once you can confirm all the pages have been excluded, clear all of the caches in your site and you should be good to go.

If you would like to learn more about sessions with Give and WordPress we have written an excellent article that explains the process:
https://givewp.com/documentation/core/frequent-troubleshooting-issues/understanding-troubleshooting-user-access/

I’m happy to keep digging into this, though if you’re certain there is no caching being conducted by your hosting provider.

Keep me posted.