The Give Donor Wall widget by Element Pack helps you showcase all the donors of your running campaigns. It’s a good way to motivate your visitors by showing off the profiles of the kind-hearted people on your campaigns.
Let’s see how to use it inside this tutorial.
Find the Give Donor Wall widget from the widget menu and place it inside your page.
There is a single section under the Content tab holding every basic setting included in one place for the donor wall for Elementor.
There are a visible number of switchers that control specific content on the display. Turning them on/off will show/hide the name, avatar, amount, comment, date, and anonymous.
Also, you have options for limiting the number of visible donors as well as the display order for the WordPress donations.
However, you can show donor profiles for all campaigns or simply display donors for a specific campaign. Just uncheck the Show all donors? option to do that.
There are also Load more and Read more text fields at the bottom of the section. You can change the texts and put something else if you like. (i.e. show more, details, etc.)
That’s it for the content tab. Now, let’s move on to the Style tab.
The Style tab for the Give Donor Wall widget has several sections commanding several parts of the content. Let’s see them in an ascending manner.
Go to Style> Items
You can change the background color and add borders, paddings to the whole content from the first section. Also, you can add a box-shadow to the boxes.
Go to Style> Avatar
You can change the text color as well as the background color of the avatars. Also, you can add a border or even edit the typography of them.
Go to Style> Title
Customize the titles of the content from this section by color, spacing, and size.
Go to Style> Amount
Edit the color and typography of the stated donation amount for all content.
Go to Style> Comment
You can change the color for the comment text and the Read More button on this section. Also, don’t forget to adjust the spacing and size.
Go to Style> Date
Simply, customize the date by color, spacing and size.
Load More Button
Go to Style> Load More Button
And lastly, the load more button is also customizable through this section. Reposition it by the alignment option and change color, add a border, and padding.
Thanks for staying up.