Archives: Documentation

Query Vars

functions.php Loop Or To output the URL with the var string use a confirmation page in gravity forms and...

Mobile Column Classes with Flex basis

Add class to the columns to force media queries to alter the default flex basis eg: .columns.medium-fb100 .column {...

Timeline plugins

Timeline Blocks for Gutenberg Ultimate Timeline Content

Order custom post type by title

Can also remove ‘! is_admin’ to order in admin too:

gravity form 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’

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...

Visibility SASS

show-for-XXX You are on a small screen or larger. You are on a medium screen or larger. You are...

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...

Slim Menu

Add a class of: sub-menu-on-left to parent links in the header nav this will make dropdown menus appear on...

Imsanity

To keep uploaded image size down and set maximum image resolutions use this plugin. This helps with client who...

Updating Staging to Live – WP engine and Gravity forms

Gravity forms keeps entries in the website database, this is very useful, but can be an issue if you are using...

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