Laying out a definition list to look like a telephone directory requires 2 lines of CSS using grid.Continue reading “Definition List with CSS Grid”
Tutorials for setting up free shipping for a single product typically include the following steps:
- Creating a new Shipping Class under WooCommerce > Settings > Shipping > Shipping Classes > Add Shipping Class, typically called “Free Shipping”.
- Assigning the new Shipping Class to the individual product under Product data > Shipping > Shipping Class
- Setting up a Flat Rate shipping method based on the Shipping Class under WooCommerce > Settings > Shipping > Shipping Zones.
However, in setting up this flat rate, it is assumed there is a flat rate shipping cost for all of the other products. This was not the case for a store I was administering.Continue reading “WooCommerce: Free Shipping For A Single Product, Standard Shipping For All Other Products”
I was working on a site that was color-coding project types and there was a need to use one color with varying opacity per project type. For the full opacity colors, I could use the hex value, the rgb syntax, or the rbga syntax with “1” as the opacity. But with so many style declarations I wanted to use a CSS variable (custom property) to define the color in one location.Continue reading “RGB Values as CSS Variables”
This is my first post since July. I’ve been working almost exclusively on the development and build for the National Air Traffic Controllers Association (NATCA) website. As with projects of this caliber, I like to do a thorough write-up of my experiences during the process — the good, the bad, and the ugly.Continue reading “The National Air Traffic Controllers Association”