ben104
INDEX LOOP
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...
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’...
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...