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

Animated Text

Plugin: Blocks Animation: CSS Animations for Gutenberg Blocks Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non purus...


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

Featured Post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales leo quis turpis tincidunt convallis. Vestibulum lacus justo, congue...


Welcome to the Gutenberg Editor 2

Welcome to the Gutenberg Editor 2

The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole...

Query (Cards, Testimonials etc)

Cards in columns Testimonials in slider Featured Cards x 2 Slides cpt in slider full width Testimonials in slider...

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


Search the site


123 Main Street
P05T C0D3

Tel: 01234 567 899

Mob: 01234 567 899


Copyright 2023. Blah blah blah Company Limited