Dispatch is a Magazine style blog for your new website. Each of its features have been designed and built using GeneratePress and WP Show Posts. As expected of a Flint Skin Site it uses Custom CSS. At over 350 lines it is recommended, but not necessary, to move the Additional CSS to a Child Theme style sheet. So lets get onto making it your own. WP Show Posts Without WP Show Posts plugin, this Site wouldn’t exist. Another awesome product from Tom Usborne, WP Show Posts does exactly what the title says. Anywhere and everywhere in the case of Dispatch.

Dispatch uses a few Hook Elements to create some Custom Elements in the site. All of them provide dynamic output and should not require any changes to their content. For more info on the Hooke Element read here: https://docs.generatepress.com/article/hooks-element-overview/ Custom Post Navigation Adding a custom featured image post navigation at the foot of all posts. Please note: that the Post Navigation is disabled in the Customizer as it is not required. Secondary Navigation This hook calls the Secondary Navigation and displays below the header / header element. It also uses Display Rules so it is excluded from All Posts. Please

Page Heroes are those big bold images and headlines you find at the top of your posts and pages. They sit just below the Site Header and added using the Header Element module, when activated provides the Elements menu in Dashboard > Appearance > Elements Dispatch has two Header Elements in place. But you can add as many as you need. Magazine Grid – Home Page Combined with the WP Show Posts plugin this header creates a 5 post card grid. Very few settings are required. These are the main points: Hero Content: WP Show Posts Short code Element Classes:

Changing Colors in Dispatch are mainly done via the Theme Customizer. Certain elements such as Page Heros are controlled within the Header Element and are covered in that article. There are a few colors that are controlled by CSS. The rules for them are found in the Customizer > Additional CSS: Primary Navigation Hairline Border above desktop navigation .main-navigation .inside-navigation { border-top: 0.5px solid #d4d7d8; } Menu item underline on hover .main-navigation ul li:after { background-color: #000; } Navigation Search .navigation-search.nav-search-active { background-color: rgba(255,255,255,0.95); top: 100%; } Buttons All of the colors are controlled via the customizer. However the button