Month: September 2018

Hooks – Custom Theme Elements

Dispatch uses a few Hook Elements and Block 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 Hook Element read here: Hooks Element Overview 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 note: the Secondary Navigation Location in the Customizer is set to No Navigation. WPSP Open Wrapper & WPSP Close Wrapper These two hooks create a Div wrap around the …

Read more

Page and Post Heroes

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: …

Read more

How to change the Custom Colors

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 …

Read more

Style Guide

Heading One H1 Heading Two H2 Heading Three H3 Heading Four H4 Heading Five H5 Heading Six H6 Font: Playfair Playfair is a transitional design. In the European Enlightenment in the late 18th century, broad nib quills were replaced by pointed steel pens as the popular writing tool of the day. Together with developments in printing technology, ink, and paper making, it became to print letterforms of high contrast and delicate hairlines that were increasingly detached from the written letterforms. This design lends itself to this period, and while it is not a revival of any particular design, it takes …

Read more

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 …

Read more