Aside for Widgets

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 classes

Want a different color background for your widgets? Here’s how to do it. Add your Custom Class Name to your widget. In this example, we’ll go for a red color and name our class red background. Now that added let’s add some CSS.


.widget.red-background {
    background-color: #ff0000;
}
Photo of author

dexter@brightlinesocial.com

Leave a Comment