Customize the Donor Dashboard

I specify that the dashboard is in a page via shortcode with accent color customized.

• This reply was modified 2 years, 10 months ago by enricotv.

Hi, @enricotv.

?Glad you reached out. I can help you with that.

That script is not working correctly right now. But there is a workaround.

The multi-step donation form and the donor dashboard load in an iframe, to make them more resistant to changes made in the theme’s CSS. That’s helpful for avoiding theme conflicts, but makes customizing the style of them a bit more difficult. To edit the donor dashboard right now, you need to enqueue a CSS file via a custom stylesheet.

For example: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php

?Please let us know if you have further questions or need additional assistance!

Thanks @matheusfd
I’m not sure I understand your instructions well, however, I’ll try my hand.
Where should I save the /givewp-iframes-styles.css file? In my theme’s directory?
Is it necessary to rewrite all the css instructions of give-sequoia-template-css or only the ones that I am interested in replacing?
.give-donor-dashboard-donor-info__avatar, .give-donor-dashboard-tab-menu a:first-child, .give-donor-dashboard-logout {
display:none; }

Enrico

• This reply was modified 2 years, 10 months ago by enricotv.
• This reply was modified 2 years, 10 months ago by enricotv.
• This reply was modified 2 years, 10 months ago by enricotv.
• This reply was modified 2 years, 10 months ago by enricotv.
• This reply was modified 2 years, 10 months ago by enricotv.
• This reply was modified 2 years, 10 months ago by enricotv.
• This reply was modified 2 years, 10 months ago by enricotv.
• This reply was modified 2 years, 10 months ago by enricotv.