Dark mode for Elementor V4: global variables and no flash
Dark mode on an Elementor V4 site: override the global variables, set the mode before first paint and ship an accessible toggle with aria-pressed.
Service · Elementor development
I build and fix Elementor sites: Theme Builder templates, global styles, custom features as plugins and shortcodes, and the performance and accessibility work the editor doesn’t cover.
=== Elementor development ===
Header, footer and single templates in Theme Builder, with colors, type and spacing as global variables and classes, so one change updates the whole site.
What the editor doesn’t offer, written as small plugins and shortcodes you drop into a page: live data, search and filters, API integrations.
Locally served fonts, right-sized images and page caching that doesn’t break forms, with Core Web Vitals measured before and after.
Skip links, focus styles, form labels and contrast, fixed in a child theme where the editor falls short.
This site is one of them: I rebuilt it in 2026 with Elementor’s V4 atomic elements, global variables and global classes.
A URL, a Figma file or a list of what’s broken. I reply within 24 hours with questions or a first read.
You get a fixed price, scope and timeline before any work starts, so there are no surprises on the invoice.
I work on a staging copy and share progress you can click through, never on your live site.
Mobile, browser, accessibility and performance checks, and notes on what’s safe to edit and what is code.
Write-ups from the blog, with the code and the decisions behind it.
Dark mode on an Elementor V4 site: override the global variables, set the mode before first paint and ship an accessible toggle with aria-pressed.
When a shortcode plugin beats a custom Elementor widget, and how to write one that validates input, escapes output, loads assets only when used and caches.
How I took an Elementor V4 home page from 92 to 99 on mobile Lighthouse: two font families, local fonts, a parsed font preload and sized images.
You’ll work directly with me, Rolando Escobar: a senior WordPress developer who has worked with US teams since 2019. Tell me what you need and I’ll reply within 24 hours with questions or a fixed quote.
Tell me about your project rolando@rolandowp.com
Working with an agency? See how I work under your brand. Other services: Figma to WordPress, plugins and integrations and accessibility (WCAG 2.1 AA).
A new build, a plugin, or a site that needs care: send me a few lines about it. I reply within 24 hours.