Documentation

Register gutenberg block style, in block-styles.js Add GSAP in gsap.js Add the SCSS in _gutenberg-styles.scss

Posted: October 27, 2022

Register gutenberg block style, in block-styles.js Add GSAP in gsap.js Add the SCSS in _image-styles.scss

Posted: October 27, 2022

Register gutenberg block style, in block-styles.js Add GSAP in gsap.js Add the SCSS in _image-styles.scss some jquery to fix the padding on containers for anything that is not a 1:2 …

functions.php Loop Or To output the URL with the var string use a confirmation page in gravity forms and pass the variable, something likie this Or use your own form …

Posted: April 4, 2022

Add class to the columns to force media queries to alter the default flex basis eg: .columns.medium-fb100 .column { flex-basis:100%; } Without This column works With (view at medium 600- …

Timeline Blocks for Gutenberg Ultimate Timeline Content

Posted: March 25, 2022

Normal Paragraph Wide P Full P

Posted: July 29, 2021

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

Group 1 Group 2 Group 3

Posted: June 15, 2021

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

We have added the helper class of .anchor for sites that use fixed header navigation and also have the anchors appear below the header. the offsite can be set to …

Some example content as normal. A heading Some example content as normal. A heading

Posted: June 1, 2021

Beautiful moments,captured beautifully. It’s the brilliant Pixel camera, now with an ultrawide lens,and new features that help you to shoot and edit like the pros. Take photos in the dark. …

HTML at start of <body> CSS gsap JS

Scroll down parallax1 parallax2 Simple GSAP box effect on timeline Rotate GSAP box effect on timeline TEXT GOES LEFT TEXT GOES RIGHT

Posted: April 13, 2021

Saved in the theme in a folder called ‘blocks’

Posted: April 8, 2021

JQuery

Posted: April 8, 2021
Posted: April 8, 2021
Posted: April 8, 2021
Posted: March 1, 2021

The below code is taken from here, and modified.

Posted: January 21, 2021
Posted: December 17, 2020
Posted: December 17, 2020

Using ACF add a text area field to pages, post, or post type. Then to add the styles to the HTML with the following code. This could be useful if …

Posted: December 9, 2020

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

Posted: November 26, 2020

Default Style Full Width Style Pill Style Rounded Style Hollow Style Default & Colour Style Alternative Style Default Sizes Style Alternate Colours This is a text link. This is a …

Posted: November 20, 2020
Posted: November 14, 2020

Some para copy her, normal width. Some para copy her, normal width.Some para copy her, normal width.Some para copy her, normal width.Some para copy her, normal width.Some para copy her, …

Posted: November 7, 2020

To add a video background to a cover block we add a class like .vimeo-wrapper, then we need some CSS and jQuery. note: this is for a Vimeo video, we …

Posted: November 2, 2020

To start colors should be defined for the theme in the variables.scss file. For example… Then in the template-colors.php file the hex color codes should be updated to reflect the …

Posted: October 22, 2020

gomo/gomo-functions/template-patterns.php File begins with option to remove the core block patterns that are already available/ Register new block patterns. Important to no have line breaks or extra spaceshttps://www.textfixer.com/tools/remove-line-breaks.php is useful …

Posted: October 21, 2020
Posted: October 16, 2020

Gradient text heading 01 To make this effect work for short headings and paragraphs, we need to set them to ‘display: inline-block;’ and ‘width: auto;’. So it is best to …

Posted: October 15, 2020

To add a cloud effect over cover blocks with images we use a class .cloud-and-fog and then add the following styles: Note: fog images are required in the theme folder.

Posted: October 5, 2020

To use animated background gradients to cover blocks we use this CSS, and apply the class .has-animated-bg In this application, it is expecting a background image, if no image is …

Plugin: Blocks Animation: CSS Animations for Gutenberg Blocks Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non purus pharetra, porttitor ante aliquet, tristique lectus. Mauris ante risus, ultricies nec …

Posted: October 5, 2020
Posted: September 18, 2020

When loading in different webfonts, google fonts or from another library they can work differently, the css ‘font-style: italic’ or ‘font-weight: bold;’ may need to work differently, depending on which …

Posted: May 21, 2020

Cards in columns Testimonials in slider Featured Cards x 2 Slides cpt in slider full width Testimonials in slider (full content) Slides in slider (full content) Slider image only Slides …

Mind Doodle This is a nice way to view the site map, it also comes with a gutenberg block for adding to pages with options, not too keen on the …

Posted: April 23, 2020

px border-width box-shadow text-shadow media queries rem padding margin font-size em Not used at the moment (possibly we should do media queries) unitless line-height sass How to apply:

Posted: April 22, 2020

Upcoming Events