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

Are you looking for discount offers on smartphones? Buy them at the best price on >>> Amazon!

DO YOU WANT AMAZON MUSIC PRIME FOR FREE? FIND HOW!

Previous

Chrome extensions to download videos from Youtube, Instagram and Facebook

How to Convert ePub, PDF, and Other Formats to Kindle

Next

Leave a Comment

About Sonu Sharma

Sonu Sharma is Founder of 'TechKhiladi'. An enthusiast entrepreneur and blogger. He has a very deep interest in learning things related to the digital world and love to sharing his knowledge with others through blogs.