The Sustainability Section @thesustainabilitysection - Tumblr Blog

A guide to styling and making Dispatch your own

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…

View On WordPress

Using WP Show Posts

Adding post lists and grids to your Site couldn’t be easier than with the WP Show Posts plugin. Dispatch uses the Free version to display posts on the Front page and in the Sidebars. Of course with a little Flint Skin CSS treatment.

Head off to Dashboard > WP Show Posts > All Lists. Within are six lists:

Align

Standard

Sidebar

Header

Simple

Simple Sidebar

Each of them have very particular…

View On WordPress

Hooks - Custom Theme Elements

Hooks – Custom Theme Elements

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…

View On WordPress

A Sample Post with Comments

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa a…

View On WordPress

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…

View On WordPress

A Sample Post with Comments

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa a…

View On WordPress

Android Showcases First 4k Touch Screen

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc non blandit massa enim nec dui. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Luctus venenatis lectus magna fringilla urna. Amet venenatis urna cursus eget. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Sagittis purus sit amet…

View On WordPress

Costco Ordered 100 Tesla Semi

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc non blandit massa enim nec dui. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Luctus venenatis lectus magna fringilla urna. Amet venenatis urna cursus eget. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Sagittis purus sit amet…

View On WordPress

Samsung SSD Takes Another Leap in Speed

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc non blandit massa enim nec dui. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Luctus venenatis lectus magna fringilla urna. Amet venenatis urna cursus eget. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Sagittis purus sit amet…

View On WordPress

Amazon Considering an Online Grocery Chain

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc non blandit massa enim nec dui. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Luctus venenatis lectus magna fringilla urna. Amet venenatis urna cursus eget. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Sagittis purus sit amet…

View On WordPress

Sony to Introduce 10k TV in Summer 2019

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc non blandit massa enim nec dui. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Luctus venenatis lectus magna fringilla urna. Amet venenatis urna cursus eget. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Sagittis purus sit amet…

View On WordPress

PlayStation to Test Virtual Reality Gaming

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc non blandit massa enim nec dui. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Luctus venenatis lectus magna fringilla urna. Amet venenatis urna cursus eget. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Sagittis purus sit amet…

View On WordPress

Tesla Improves Battery Range to 1000km

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc non blandit massa enim nec dui. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Luctus venenatis lectus magna fringilla urna. Amet venenatis urna cursus eget. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Sagittis purus sit amet…

View On WordPress

Apple IOS Adds Compatibility with Windows

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ornare quam viverra orci sagittis. Sodales ut eu sem integer vitae. In hac habitasse platea dictumst quisque. Malesuada bibendum arcu vitae elementum curabitur vitae nunc. Pellentesque nec nam aliquam sem et tortor consequat id porta. Sapien pellentesque habitant morbi…

View On WordPress

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…

View On WordPress

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…

View On WordPress

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…

View On WordPress

Trending Blogs

Recently Viewed Blogs

The Sustainability Section