It’s not something you can do out of the box, but if you are comfortable with CSS you can use the Donors widget to display the names and then just set a width of 25%/20% on each donor block.
If you need a hand with the CSS, post a link to your site with the Donors widget added and I’ll put together a quick snippet for you.
Cheers,
Eric
It’s not something you can do out of the box, but if you are comfortable with CSS you can use the Donors widget to display the names and then just set a width of 25%/20% on each donor block.
If you need a hand with the CSS, post a link to your site with the Donors widget added and I’ll put together a quick snippet for you.
Cheers,
Eric
Solved.
/*THIS CODE FOR HORIZONTAL LIST OF DONORS*/
.widget.widget_charitable_donors_widget .donor {
width: 16%;
display: inline-block;
}
/*FOR SMARTPHONES (MAX DEVICE WIDTH) DISPLAY ON TWO COLUMNS*/
@media only screen and (max-device-width: 800px) {
.widget.widget_charitable_donors_widget .donor {
width: 49% !important;
display: inline-block !important;
}
.widget.widget_charitable_donors_widget .heading .widget-title {
line-height: 35px;
}}
Anyway, thank you for availability Eric.
This code makes the following alignment:
1 2 3 4 5 6
7 8 9 . . . . . . .
. . . . . . .etc
Andrei C.
Thanks for sharing Andrei!
