The Charitable Donors widget helps you create a showcase for your charitable campaigns, highlighting your valuable donors.
Let’s see how to use and customize the widget in this tutorial.
Find the Charitable Donors widget from the widget menu and drag-drop it inside your page.
The Content tab holds all the basic settings that will help you create your required displays. From the top, several switchers show/hide corresponding contents on the screen.
The menu Campaign is set to All by default, showing the whole donor list for all of your campaigns.
You can click it and select individual campaign for the display.
Also, you can change the content alignment, orientation, limit, etc. from this tab.
Now that your basic layout is ready, let’s head to styling it.
The Style tab has several sections covering different parts of the content. Let’s see them in an ascending way.
Go to Style> Items
From this section, you can basically change the color, border of the whole content field. Just take the image above as an example of how it’s done.
Go to Style> Avatar
Either image or logo, whatever identifies the donor’s identity, can be customized in this section. Create borders, add paddings, or even drop a box-shadow to highlight the avatars.
Go to Style> Name
You can color the names and adjust spacing from this section. Make sure to get a good font format from the typography.
Go to Style> Location
Same control as before but for the location text.
Go to Style> Amount
Same control as the previous one but for the amounts.
Watch this video to get more visuals on the Charitable Donors widget and check out this demo page for more examples.
Thanks for staying up.