Archives: Documentation

Order custom post type by title

Can also remove ‘is admin’ to order in admin too:

gravity from on dark background

Normal form on white Normal form on dark bg Add this class to the group block: gfrom-light

Anchor offset for sites with Fixed header

We have added the helper class of .anchor for sites that use fixed header navigation and also have the...

Scroll Progress Bar with gsap

HTML at start of <body> CSS gsap JS

Block Lab Plugin

Saved in the theme in a folder called ‘blocks’

Skrollr

Big heading Big heading left Big heading right

Skrollr SVG

SVG IS AWESOME (so is skrollr) Scroll down for details WOOOT! WOOOT! WOOOT! WOOOT! WOOOT! WOOOT! WOOOT! WOOOT! WOOOT!

Social Links with Yoast

The below code is taken from here, and modified.

Adding page or post styles

Using ACF add a text area field to pages, post, or post type. Then to add the styles to...

Video background

To add a video background to a cover block we add a class like .vimeo-wrapper, then we need some...

Color and Gradient Palettes

To start colors should be defined for the theme in the variables.scss file. For example… Then in the template-colors.php...

Block Patterns

gomo/gomo-functions/template-patterns.php File begins with option to remove the core block patterns that are already available/ Register new block patterns....

Gradient text

Gradient text heading 01 To make this effect work for short headings and paragraphs, we need to set them...

Clouds Over Image

To add a cloud effect over cover blocks with images we use a class .cloud-and-fog and then add the...

Animated Gradient Cover Background

To use animated background gradients to cover blocks we use this CSS, and apply the class .has-animated-bg In this...

Font family SASS for different webfonts

When loading in different webfonts, google fonts or from another library they can work differently, the css ‘font-style: italic’...

Sitemaps in WP

Mind Doodle This is a nice way to view the site map, it also comes with a gutenberg block...

PX vs REM vs EM etc

px border-width box-shadow text-shadow media queries rem padding margin font-size em Not used at the moment (possibly we should...

SVGs on WordPress and for icons

Uploading SVGs to the media library Add the below script to the functions file, or consider using a plugin...

Browse Happy

Not sure if this is required any more but this is how we used to add a message to...

Image loading and device sizes

In our css we set ‘img {width:100%; height:auto;}’ to makes images scale based on the screen size. For Native...

Added security

We use wpengine for hosting but to add an extra level of security we can also use Sheild Security...

Website Email through a verified sender – SendGrid

Add ‘WP Mail SMTP’ Plugin, then activate SenGrid option with their API. Important: And sender authentication on SendGrid by...

Gutenburg reusable blocks

We used to build our sites with a CPT called panels, where would add reusable content for a site....

Example Twitter feed

How to apply Add the Recent Tweets Widget plugin Add the widget to a widget area Add a template...

Search and Filter Pro

Search and Filter Pro is a great plugin to add a more robust search to any WordPress site. I...

Custom Taxonomies

We have a number of Custom Taxonomies created for all scenarios, these follow the following format. These are simply...

Browser Prefix SCSS Mixin

Prefix Mixins Example 1: apperance Appling appearance none in SCSS Results in CSS Example 2: box shadow Applying the...

Animation

Original we built animation into our theme with Wow.js and Animate.css, adding a class to a block etc, but...

Search and filter (basic) CPT

Search Case Studies Add search form using the shortcode, for the search and filter plugin.

Back to Top Button

Function file require The Component The Jquery Required SCSS in the theme template footer.scss

Custom Post Types

We have a number of CPT created for all scenarios, these follow the following format. These are simply included...

Accessability

Our goal is to make this theme fully AA accessible. In some cases where we can, we also try...

Search the site

Back to top