Code Archives - David Stockdale's Scrapcode

How To Compile Understrap Child 1.0.0

A guide on how to compile understrap-child-1.0.0 the Understrap Version 1.0 child theme for a beginner to compiling SASS styles to CSS.

Posted on 19/09/2021

A much better way to position text over (or on top of) an image using relative and absolute position and styling based on screen size.

Posted on 26/08/2021

How to embed twitch and twitch chat with a simple to use shortcode which only becomes visible when the stream is live.

Posted on 12/08/2021

How to add tags to pages despite the fact that Understrap for some reason has code specifically for suppressing tags from appearing on pages.

Posted on 04/08/2021

How to hide AWS Amazon Polly Text-To-Speech audio player behind a clickable image (which when clicked disappears revealing a text toggle).

Posted on 19/07/2021

A simple piece of shortcode that allows you to create headers within a speech bubble. Also provides the option of different levels and links.

Posted on 07/07/2021

My Understrap Child Theme “David’s Little Understrap” which I used on sites like Tees Valley Arts, Redcar Palace and Boro Culture.

Posted on 28/06/2021

How to create my “Feature Page” template in an Understrap Child Theme with an image and the header layered over the featured image.

Posted on 28/06/2021

How to create a new page template for an Understrap Child Theme and then target and style that specific template.

Posted on 27/06/2021

How to display text over a featured image via relative position with a simple bit of Additional CSS (which adapts to different screen sizes).

Posted on 20/06/2021