Sales landing page hero section for a wedding planner.
In 2 seconds, everyone who visits this page can tell what she does without confusion.
Befitting image,
No buzzwords, just a human addressing a pain point of another human.
That's what your landing page should do.
0
17
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
126
What would a food recipe look like if it were built in WordPress using Elementor?
Check it out (https://contra.com/p/lQgYkb6m-wheat-freedom-recipes-website-redesign)
4
7
220
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
161
How do I get to share works bound by NDAs? My best idea is to always recreate the build using a different theme colour and change the copy throughout the website (thanks to AI).
So here's one I rebuilt to showcase. In January 2026, I designed and built a conversion-focused sales page for a sports supplement eCommerce brand in WordPress using Elementor Pro and WooCommerce, with custom HTML/CSS to amplify and style the pricing layout.
The end goal was to compress 5 pages into a single sales landing page with a bolder design feel — featuring benefit breakdowns, social proof, and strategically placed CTAs, all with a responsive, mobile-optimised layout and on-page SEO foundations.
We integrated Facebook Pixel, Google Ads conversion tracking, and Google Analytics for full-funnel performance monitoring. After rounds of A/B testing and CRO refinements, the page has delivered a 30% improvement in conversions and consistent traffic from Google Ads.
View the duplicated page here: peakformsupplement.netlify.app (http://peakformsupplement.netlify.app)
1
134
Redesigned and built a marketing website for a B2B managed service company specializing in organizational memory and document digitization.
The website was built in WordPress with Elementor Pro, custom HTML, and CSS for some specialized sections with a more refined layout and styling details.
The focus was on communicating a complex service offering clearly to a corporate audience, with a structured content flow from problem statement through to conversion.