by Floyd Hartford | May 17, 2023 | CSS, Website Design, Website Development
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,...
by Floyd Hartford | May 16, 2023 | Website Design
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....
by Floyd Hartford | May 6, 2023 | Website Design
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...
by Floyd Hartford | Apr 30, 2023 | Website Design
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 color. Following this guideline, you can create...
by Floyd Hartford | Apr 27, 2023 | Website Design
WordPress has this great Gutenberg block called a Cover Block. The Cover block displays an image or video you can add text and other content on top of — it’s great for headers and other banner-style displays. And that’s super cool, but if you’re a...
by Floyd Hartford | Mar 23, 2023 | Website Design, Website Development
I coded a custom Gutenberg block for WordPress that creates a center-line-styled fancy headline. A few blog posts back, I explored different ways to create center-line-styled headlines using CSS, flexbox, absolute positioning, pseudo-elements, and spans. Some of the...