Creating custom styles with the Panel stylizer module

While we learned how to apply styles to panel regions and panes earlier in this chapter, this recipe will outline how we can utilize the Panel stylizer module to easily create and apply our own custom styles. We will create a style using the Panel stylizer module and apply it to the mission pane which is part of the frontpage_dashboard we have been working on through this chapter.

Getting ready

Panel stylizer comes with the Panels module and is assumed to have been enabled along with its dependencies. The module exposes a permission named administer panels styles which is required to add and manage our custom styles.

While we will be using the frontpage_dashboard panel created earlier in this chapter as an example panel to implement our styles, it is not a prerequisite. This recipe can be easily adapted to work with any available pane.

How to do it...

The Panel stylizer module enables us to create styles particular to panel regions and panes...