PDF Receipts - Donor Dashboard's Download Receipt button should show the text
Robin Del Mundo
Currently, the Download Receipts button on the Donor Dashboard is not showing the text for it.
Alex Coleman
Here's a workaround to use. It requires a plugin to put a PHP snippet into: https://wordpress.org/plugins/code-snippets/
The code needed is this:
function override_iframe_template_styles_with_inline_styles()
{
wp_add_inline_style(
/**
* 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-styles",
'
.give-donor-dashboard-button.give-donor-dashboard-button--primary:before {
z-index: -1!important;
}
.give-donor-dashboard-button.give-donor-dashboard-button--primary {
z-index: 999!important;
}
'
);
}
add_action(
"wp_print_styles",
"override_iframe_template_styles_with_inline_styles",
10
);
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.
Alex Coleman
Here's a workaround to use. It requires a plugin to put a PHP snippet into: https://wordpress.org/plugins/code-snippets/
The code needed is this:
function override_iframe_template_styles_with_inline_styles()
{
wp_add_inline_style(
/**
* 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-styles",
'
.give-donor-dashboard-button.give-donor-dashboard-button--primary:before {
z-index: -1!important;
}
.give-donor-dashboard-button.give-donor-dashboard-button--primary {
z-index: 999!important;
}
'
);
}
add_action(
"wp_print_styles",
"override_iframe_template_styles_with_inline_styles",
10
);
If you need assistance implementing custom PHP code on your website we have this guide:
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.
Timothy Lyubezhanin
Adding this to functions.php should fix it for now. Hopefully this is fixed soon.
/
Add custom styles GiveWp to fix the CSS issue download receipt button
/add_action('give_embed_head', 'add_custom_givewp_inline_styles');
function add_custom_givewp_inline_styles() {
?>
<style>
.give-donor-dashboard__donation-history-footer .give-donor-dashboard-button.give-donor-dashboard-button--primary:before {
background: none;
}
.give-donor-dashboard__donation-history-footer .give-donor-dashboard-button.give-donor-dashboard-button--primary {
background: var(--give-donor-dashboard-accent-color);
}
</style>
<?php
}