Categories: Uncategorized

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 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;
}
jkdrama

Share
Published by
jkdrama

Recent Posts

post 1

posts 1 hgdhdgdhdg

1 month ago

A guide to styling and making Dispatch your own

Dispatch is a Magazine style blog for your new website. Each of its features have…

2 years ago

Using WP Show Posts

Adding post lists and grids to your Site couldn't be easier than with the WP…

2 years ago

Hooks – Custom Theme Elements

Dispatch uses a few Hook Elements to create some Custom Elements in the site. All…

2 years ago

Page and Post Heroes

Page Heroes are those big bold images and headlines you find at the top of…

2 years ago

How to change the Custom Colors

Changing Colors in Dispatch are mainly done via the Theme Customizer. Certain elements such as…

2 years ago