Is it possible to have the “Custom Amount” button listed FIRST?

  • Is it possible to have the “Custom Amount” button on the donation pages listed FIRST?

    Such that all money amounts come AFTER the “custom amount” button.
    I checked all the settings, can’t see that I can do that via settings.

    I don’t have the time in the moment to see whether I can do this via code changes as we are getting to the pointy end of the election.

    Anybody tried this?
    Are there code snippets somewhere I can use?
    If this can be done via code what do I need to change?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Rick Alday

    (@mrdaro)

    Hi Jobst,

    You can do it using flexbox.
    For example, you could use something like this:

    ul#give-donation-level-button-wrap {
    display: flex;
    flex-flow: wrap;
}

ul#give-donation-level-button-wrap li:first-child {
  order: 2;
}
ul#give-donation-level-button-wrap li:nth-child(2) {
  order: 3;
}
ul#give-donation-level-button-wrap li:nth-child(3) {
  order: 4;
}
ul#give-donation-level-button-wrap li:nth-child(4) {
  order: 5;
}
ul#give-donation-level-button-wrap li:nth-child(5) {
  order: 6;
}
ul#give-donation-level-button-wrap li:nth-child(6) {
  order: 7;
}
ul#give-donation-level-button-wrap li:nth-child(7) {
  order: 1;
}

    If you need assistance implementing custom CSS on your WordPress website, we have this guide for you:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘Is it possible to have the “Custom Amount” button listed FIRST?’ is closed to new replies.