Projects using CSS in WoodstockProjects using CSS in Woodstock
Projects
People
Cover image for I love WordPress projects that
I love WordPress projects that require ditching plugins for the smallest details. Client brief: add a custom on-brand icon to each nav item that swaps on hover. Simple enough in theory. In practice? Sure, there's a plugin for that. But why bloat the site when a few lines of CSS can do the job? The challenge: Elementor's nav widget owns the ::before pseudo-element internally. Every approach kept breaking: • ::before hijacked by Elementor's styles — rendering a broken image box with a red background • ::after collapsed entirely due to Elementor injecting padding-right: 0px • !important declarations losing to Elementor's scoped widget styles • Tablet nav runs on a separate DOM structure (.elementor-nav-menu--dropdown) — desktop CSS didn't carry over • Submenu items under .elementor-sub-item needed their own selectors The fix: ditch pseudo-elements entirely. Use the anchor tag's own background-image property instead. No conflicts, no interference. One consolidated CSS block. Zero JavaScript. Clean icon swap across every breakpoint. That's the job.
2
3
165
Cover image for This is the story of
This is the story of a Figma-to-WordPress website built using Elementor( https://valueadpropertymanagement.netlify.app/ ). As a top-rated WordPress developer on Upwork and currently testing out Contra, building my profile on Contra can seem very slow, but hey, it was slow building on Upwork, too. I can show my finest works that have broken the limits of conventional WordPress designs. For example... I built this WordPress website from a Figma design for a property management firm serving both individual landlords and corporate clients. NB: This is a duplicate design with an already amplified theme color and copy. Yes, I'm cursed by NDAs. 😂 I built this in WordPress with Elementor Pro. Let me add that the final website also used custom HTML and CSS on certain pages to achieve the Figma design 1:1. The final project was delivered to be the first mobile-responsive with a focus on dual-audience messaging to establish credibility, improve online visibility, and drive inbound inquiries through the integrated forms connected to the client's CRM. I know I shared this above, but this is the duplicate website hosted on Netlify: https://valueadpropertymanagement.netlify.app/ I'm open to answering questions about building full websites from Figma to WordPress and working with clients who need similar services. Reach out, let's talk!
4
4
169