General CSS Styling

This article covers the general styling used across the site. Specific template or element styling may be covered in their own posts. All Custom CSS is in the Customizer > Additional CSS. Theme Elements Navigation underline Add shadow border to navigation to match sticky navigation. Navigation Search Add background color to Navigation Search

The Single Product

Niche brings a new layout to the Single Product by introducing a stacked gallery for desktop, moves the Woocommerce breadcrumb and makes the summary Sticky. To do this required, guess what some Hook Elements and some CSS. Breadcrumb #Hook 1 – Woo Breadcrumb Single product Like the Shop page we are manually adding our breadcrumb. … Leer más

The Shop

The advanced Woocommerce features in GeneratePress Premium 1.8 has allowed my to divulge in some new custom functions and styling. Upon visiting the Shop page you will see several custom elements and styles. Category Navigation below entry title Off Canvas Filter Toggle Repositioned Breadcrumb Minimal styled shop grid with hover add to cart effect Hook … Leer más

Off Canvas Panel

The Off Canvas Panel provides more then another place to add your navigation. With Widget Areas and Hooks it can be loaded with extra elements. As covered in the How the Show was made post we have done a little bit of fancy work to create a Shop filter as well as provide our Mobile … Leer más

Plugins

Social Icons, Ajax Search, Forms and Show Posts are all added using a handful of well reviewed plugins.

The Single Post

Categorising post to create guides, how to’s and featured content is a great way to boost your shops presence. The single post header and single post has been designed to do just that. With custom hero title, excerpt and post navigation. 100% dynamic all you need to is add content.

The Home Page Content

The home page content is built using the WordPress 5 Block editor a.k.a Gutenberg. It uses only Core Blocks and Woocmmerce Shortcodes. And as would be expected a little CSS has been thrown in.