Rupert Law Group — Full Divi to Elementor migration for a US immigration law firm on a tight deadline

The Challenge

Rupert Law Group is a US-based immigration law firm that helps clients with E-1 and E-2 investor visas. Their website, built on the Divi theme (v4.27.2), had served them well for years but was beginning to show its age. Page load times were climbing, the Divi builder locked them into a single vendor, and making even small design changes required workarounds that added up over time.

The firm wanted to move to Elementor Pro with a Hello Elementor child theme. The catch: they needed the migration done by April 1, 2026. That left us with roughly two weeks to audit the existing site, build a full child theme from scratch, create import-ready Elementor templates for every page, and run a complete QA process on staging before going live. All of this had to happen without any change to the site’s URL structure, SEO setup, or existing content.

Our Approach

Design audit and color mapping. We started with a thorough visual audit of the live Divi site, documenting every color value, font weight, spacing rule, and component pattern. This gave us a reference sheet with seven brand colors (navy #072F6C, gold #EEE86D, beige #D7D1A9, and four supporting tones), three font families (Roboto, Poppins, Open Sans), and precise measurements for the header, footer, floating buttons, and contact popup.

Child theme development. With the audit as our blueprint, we built a Hello Elementor child theme containing all brand styles as CSS custom properties, a full JavaScript layer for the floating WhatsApp and contact buttons, a modal popup system for the contact form (Gravity Forms integration), sticky header behavior, responsive breakpoints, and print styles. The theme went through 43 versions as we refined details like button positioning, form field styling, and mobile behavior.

Elementor template creation. We produced 27 JSON template files covering every page type: the homepage, service pages (E-1 visa, E-2 visa and all country variants), landing pages for ad campaigns, the contact page, blog archive, single post layout, privacy policy, search results, header, footer, and the contact popup. Each template was built to match the existing Divi design while taking advantage of Elementor’s native widgets.

Staging audit and iterative QA. Every child theme version was deployed to a staging environment and tested against a checklist of 400+ items covering layout accuracy, responsive behavior, Gravity Forms functionality, accessibility compliance (WCAG 2.1 AA), and cross-browser rendering. Issues found during staging fed directly back into the next theme iteration, creating a tight build-test-fix loop.

Project Scope and Coverage

The migration covered:

• A complete Hello Elementor child theme (15 files, 180 KB) with CSS custom properties, PHP template parts, and custom JavaScript
• 27 Elementor JSON import templates for all page types including homepage, service pages, landing pages, blog, and legal pages
• Gravity Forms styling for two form variants: the contact page form (Form ID 1) and the popup contact form (Form ID 16)
• Floating action buttons: a WhatsApp button (desktop, bottom-left) and a contact button (all devices, bottom-right) with smart behavior that opens a modal on desktop and redirects to the contact page on mobile
• A contact modal popup with beige overlay, white dialog box, close-on-escape and click-outside-to-close behavior, and full keyboard accessibility
• Responsive layouts tested across desktop (1440px+), tablet (768-1024px), and mobile (320-767px)
• Two formal staging audits (spreadsheet-based) comparing staging output against the live Divi site, page by page
• Full documentation package: setup guide, migration checklist (400+ items), CSS variable reference, and file manifest

The Results

• 27 Elementor templates delivered as ready-to-import JSON files, covering every live page on the site
• A production-ready child theme at version 2.43, tested through 43+ iterations on staging
• 2,174 lines of custom code (PHP, CSS, JavaScript) with no external dependencies beyond Elementor and Gravity Forms
• WCAG 2.1 AA accessibility compliance verified across all templates
• Zero changes to URL structure, preserving all existing SEO equity and indexed pages
• Cross-browser testing completed for Chrome, Firefox, Safari, and Edge
• Complete documentation (3,000+ lines) covering installation, setup, migration steps, and troubleshooting
• Project delivered within the April 1, 2026 deadline

What We Learned

Theme migrations for law firms come with a particular kind of pressure: the site is a trust signal for prospective clients, and any visual break or downtime during the switch can affect conversion rates directly. Working with Rupert Law Group reinforced that migrations like these need a structured audit-first approach rather than jumping straight into building.

The iterative staging cycle turned out to be the most valuable part of the process. By deploying each new child theme version to staging and comparing it against the live site in a spreadsheet audit, we caught dozens of small discrepancies (button positioning, form field heights, mobile menu behavior) that would have been easy to miss in a single-pass migration. The 43 iterations might seem like a lot, but each one was a focused fix-and-verify cycle that kept the overall timeline short.