Sidebar Widgets are a main feature of any Magazine Blogging site. To aid with that Dispatch uses a nifty little plugin and a couple of custom CSS classes to make styling your sidebar a breeze.
Widget CSS Classes
Using the namesake plugin you can now add CSS Classes to Widgets. Simple.
Dispatch Widget Classes
CSS Class: zero-padding
 Removes the padding from the widget. Perfect for adding those banner ads for maximum space.
CSS Class: no-background
 Removes the widget color background that is set in the Customizer.
CSS Class: wpsp-card
 Used exclusively with the WP Show Posts Widget and with zero-padding and no-background.
 Read more here
Adding your own classes
Want different color background for your widgets. Heres how to. Add you Custom Class Name to your widget. In this example we’ll go for a red color and name our class red-background. Now thats added lets add some CSS.
.widget.red-background {
    background-color: #ff0000;
}
 
 
Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?
Your article helped me a lot, is there any more related content? Thanks!