The Charitable Donors widget helps you create a showcase for your charitable campaigns, highlighting your valuable donors, and run all kinds of fundraising activities.
Let’s see how to use and customize the widget in this tutorial.
Inserting widget
Find the Charitable Donors widget from the widget menu and drag-drop it inside your page.
Content tab
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 an 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.
Style tab
The Style tab has several sections covering different parts of the content. Let’s see them in an ascending way.
Items
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.
Avatar
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 of the digital fundraising campaigns.
Name
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.
Location
Go to Style> Location
Same control as before but for the location text.
Amount
Go to Style> Amount
Same control as the previous one but for the amounts.
Conclusion
Watch this video to get more visuals on the Charitable Donors widget by Bdthemes and check out this demo page for more examples.
Thanks for staying up.
