News
INDEX LOOP
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
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...