In this article, learn how to create a multi-column tiled image background using a foreground image element, HTML, and CSS. With a little adjusting, you could apply this effect to your WordPress website no matter which page builder you're using (Gutenberg, Divi,...
WordPress & Web Development
Floyd’s Blog.
How to Add Icons Inline with Text Using Divi WordPress
Divi is a wicked cool WordPress theme. It comes with all sorts of widgets and makes it easy to add dynamic text, images, carousels, call-to-action sections, and icons. For example, if you want to add an icon to your page template, there's a Divi module for that. But,...
50-50 Website Template for Book Author Landing Page
Inspired by a tweet, I've built a demo website template for a book author's landing page. The idea is a 50-50 width 2-column desktop layout - meaning each of the 2 columns is 50% of the horizontal width - that collapse down to a single column on mobile and smaller...
The 60/30/10 Color Rule for Website Design UI
https://www.youtube.com/watch?v=UWwNIMHFdW4&rel=0 The 60/30/10 color rule for website design and user interfaces is awesome. Essentially, 60% of your web page's user interface should be a base color, 30% should be an accent color, and 10% should be your highlight...
WordPress Shortcode to Display Post’s Last Modified Date
Here's a WordPress shortcode to display a "last modified" date on your website's posts or pages if and only when the modification date is different than the date the post was published. The idea is to show the last modified date to let readers know your content has...
Looking for WordPress Help?
I’m a freelance web developer specializing in small business and corporate marketing websites.