From CSS to frameworks and design mockups to code, these are posts that span the gamut of Kelly’s day-to-day work as a web designer and developer, including Squarespace, WordPress, Wix Studio, Statamic, Shopify, and other platforms.
There are plenty of ways to build a copy-to-clipboard button in Webflow, but many rely on workarounds to capture the full URL, particularly on CMS pages. Here’s a simple, reliable method using vanilla JavaScript that always copies the exact page link.
Is your mobile menu missing pages that show up on desktop? Learn how to sync your WordPress menus, fix page hierarchy issues, and troubleshoot hidden Beaver Builder templates.
As designers and developers, we often work within platforms that impose strict constraints. Our job isn’t just to “make it look good,” but to be creative problem solvers who work within those frameworks to achieve the professional look our clients expect. Recently, while working on a construction client’s site built on the Houzz Website Builder, I hit a frustrating wall: my...
Ever tried to change a social icon to your brand’s cream or gold, only to find the color picker is missing? You’re not alone. In my latest video, I’m showing you the exact workflow I use to bypass Wix’s image-based social bars using SVGs and the Stack tool. Watch the 7-minute breakdown and grab the step-by-step checklist inside!
Is your GoDaddy-designed WordPress site asking for a Beaver Builder license key? Learn how to use the 'GD Core' secret menu to update premium plugins and fix issues where live site edits aren't saving.
Learn how to reliably style text, dividers, and SVGs in Wix Studio using section-level classes, stable selectors, and theme color variables—without relying on Wix’s auto-generated code.
I recently helped a local business polish their WordPress site built with Elementor. From homepage setup to search functionality and restricting page editing for specific roles, here are a few practical fixes that made the site cleaner, more functional, and easier to manage.
Learn how to make diagonal shapes in CSS Code and Adobe products, including demonstrations for Adobe Illustrator and Adobe Photoshop.
Learn how the DOM tree affects heading hierarchy in web design. Improve accessibility, SEO, and UX by mastering H1–H3 structure and real-word example of using Wix Studio effectively.
Easily control your site's max width in Wix Studio with this quick tip. Learn how to set global and per-section width limits to keep your content clean and readable especially on large screens.