What I got so far is, I can put the image with CSS to the right place:
.gravatar-loaded
{
background-image: url(“https://www.domain.com/wp-content/plugins/give/assets/dist/images/anonymous-user.svg”);
background-repeat: no-repeat;
}
But the Initials still are over the image. How can I remove the initials?
Too bad, still no answer from you guys :/
For the people who are struggling with the same thing, for now I have fixed it with a work-around like this:
.give-donor__image
{
background-image: url("https://www.domain.com/wp-content/plugins/give/assets/dist/images/anonymous-user.svg");
background-repeat: no-repeat;
/* Hide the text. */
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
If there is a more correct way to fix this, I would love to hear from the support.
Hi there!
Happy to clarify here, I’m glad you reached out.
First, make sure not to make changes directly within Give’s code itself, since those will be overwritten by plugin updates.
Your workaround is very close to correct, the only problem is that it is changing the image for everyone, not just those without gravatars.
Try this instead:
.give-donor__image[data-has-valid-gravatar="0"] {
background-image: url("LINK TO IMAGE NOT IN GIVE CORE CODE");
}
I wanted to share another example of a way you can customize your avatars. See this functionality plugin I created to test out the “Avatar API” project as a replacement:
https://github.com/mathetos/give-avatar-api
Thanks!
