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;
}
無料メルマガ会員に登録しませんか?

IoTNEWS代表
1973年生まれ。株式会社アールジーン代表取締役。
フジテレビ Live News α コメンテーター。J-WAVE TOKYO MORNING RADIO 記事解説。など。
大阪大学でニューロコンピューティングを学び、アクセンチュアなどのグローバルコンサルティングファームより現職。
著書に、「2時間でわかる図解IoTビジネス入門(あさ出版)」「顧客ともっとつながる(日経BP)」、YouTubeチャンネルに「小泉耕二の未来大学」がある。