Summary: Minimise browser window or use inspect tool to resize screen preview to 981px & check: Do any of the navigation items (including CTA button text) wrap to a new line? Using CSS in Divi > Theme Options, add a media target for applicable screen size and...
Site Build
Creating a reverse blurbs – with right icon for CTAs
Rather than text and an overlapping image, it is best to use a blurb with some customisation when trying to achieve a line of text & icon with the icon on the RHS. This is particularly useful for some CTAs (e.g. check out some examples at the bottom of this post)....
Show/Hide logo on scroll – Desktop header navigation
Step 1: Add Custom Scroll Header Class javascript Paste the Fixed Header Scroll Class javascript below into "Divi > Theme Options - Integration", in the "Add code to the < head > of your blog" field. Save Changes. <!-- Custom Scroll Header Class-->...
Custom Post Type Checklist
Checklist for the purpose of technician to ensure all steps are considered and completed, and for manager to ensure all steps are considered and assigned: Create new post type (steps to set up) Create taxonomy (if required) Create custom fields (if required - will be...
Adding a postmaster filter (Postmaster1)
Install plugin, set up filter & apply on page: Set custom Admin Label on code module: Style filter as needed:
Record selected website fonts for reference
Where to find the default fonts in Divi: If another font to find & record:
Creating a shortcode to display a Repeater field list
Below is an example of a Team Members list on a project, creating and using the shortcode [project_team]. The code is added to the Child Theme's functions.php file, and then the shortcode can be used in a code module, or a text module if required. The code can be...
Edit sitemap settings for new post types and/or taxonomies
Summary: Custom post type sitemap considerations - Note: Implement for taxonomies too, if a post type has any custom taxonomy/ies. This is done to ensure that what is wanted on the sitemap is there, and what is not wanted on the sitemap is excluded. This is very...
Adding a postmaster template and grid for a post type
Step 1: Install Postmaster2 if not already installed (found on plugins.makelabs.com.au). Step 2: Create the Card. Step 3: Create Grid (and facet if required). Step 4: Add Grid (and facet if required) to page or archive template. Step 5: Test and tweak, as necessary....
Adding/setting up custom fields for a post type
(Video at bottom of post for anyone delegating/implementing for the first time, or anyone needing a visual refresher. Written steps should suffice thereafter, and stay more technically up-to-date.) Step 1: Set up custom field Go to ACF>Field Groups. Add field...