I’m looking for an experienced Elementor Pro designer with a strong history of creating attractive, responsive, and SEO-optimized websites.
Ideally, this person should have significant expertise.
Payment will be on a per-project basis, with the flexibility to work remotely. Compensation can be negotiated depending on your portfolio.
Please send portfolio links.
I was browsing BuiltWith recently and noticed WordPress appears to be sitting around 39% there. Not too long ago, everyone was proudly saying WordPress powers 43%+ of the web.
I know BuiltWith and W3Techs measure things differently, and these numbers don’t always reflect the quality or business impact of websites being built. Still, if the numbers are flattening or slightly declining, it feels worth discussing.
Are we simply seeing market saturation after years of dominance, or are platforms like Shopify, Wix, Webflow, Squarespace, and newer AI builders (static site generators etc.) starting to eat into WordPress adoption in a more meaningful way?
Personally, I don’t see this as doom for WordPress. If anything, it may be a wake-up call and an opportunity for the ecosystem to modernize faster, improve onboarding, and better communicate why WordPress is still the best choice for ownership, flexibility, and long-term growth.
Curious how others interpret this. Is a slight decline meaningful, or just noise depending on which dataset you look at?
Hey everyone,
I'm building a blog post loop using Elementor's Loop Template and I want the entire card to be clickable (linking to the post).
My card structure: A simple container with just:
What I tried: In the container's Layout tab → Additional Options, I changed the HTML Tag to a (link) and added the post URL as the link value. Seemed like the simplest way to wrap the whole card in a link.
The problem: On the frontend, the loop cards completely break and collapse — the layout falls apart, elements overlap and float out of place.
My setup:
blog-cardHas anyone dealt with this before? What's the correct way to make an entire card clickable in a Loop Template without breaking the layout?
NOTE: I came across an option to install add-on plugins to enable the wrapper link. However, I was looking for a solution without adding a plugin.
Thanks!
Last year, or whenever it was that WP Rocket enabled its Media -> Self-host Google Fonts feature, my sharp-eyed project manager spotted that at least one of the Google fonts wasn't rendering properly. She was right. It looked similar to a Lato font but wasn't. The biggest giveaway was that it was a heavier weight.
That sent me down a rabbit hole looking for the cause. I'd updated both Elementor and WP Rocket the night before so that gave me a starting point. As a temporary fix I found flipping Elementor -> Editor ->Settings -> Advanced -> Google Fonts Load from "swap" to something else and then back again fixed the issue. However it also stalled the site for several seconds on initial page load as (I presumed) Elementor forced those fonts to reload.
Since the site has a lot of static data that has to change requiring production pushes sometimes 2x or 3x/day, this was clearly disruptive. That's when I found a post that said you couldn't have both WP Rocket and Elementor handling Google Fonts. The post recommended turning off WP Rocket's Google Fonts support and letting Elementor handle it.
That answer worked, at until the last update to Elementor Pro. Then that font issue returned except this time I couldn't blame it on a conflict with WP Rocket. The "fix" was back to flipping that Google Fonts Load from "swap" to "block" and then back to "swap" again. Back to the internet for a solution.
ChatGPT had a different opinion:
For your setup, the cleaner and more modern approach is usually:
Disable Elementor → Settings → Advanced → Google FontsEnable WP Rocket → “Self-host Google Fonts”That avoids duplicate loading and lets WP Rocket manage the optimization layer.
I tried it and it appeared to work. I flushed WP Rocket, ran Elementor's "Clear Fiies & Data" and blew the Bunny CDN cache. That font issue was still there for anonymous users on the Mac desktop versions of Safari and Firefox but not Chrome and Edge.
Now I don't know what to think.
Has anyone else run into this?
Hey all 👋
After a lot of feedback on my previous icon workflow post, I kept iterating on the idea.
What started as:
scan → organize → export
is slowly turning into something closer to a reusable icon system inside Figma.
Some of the recent improvements:
• Favorites now sync locally across Figma projects
• Smarter icon naming and organization
• Better handling for large icon sets
• Reusable icon libraries via import/export
• Cleaner, ready-to-use outputs
• Keeping the whole flow inside Figma without jumping between tools
The interesting challenge stopped being “exporting icons” and became more about:
consistency, reuse, and keeping things manageable at scale.
Curious:
How are you currently managing icon systems across projects?
What does your icon workflow usually rely on today?
libraries manual?
organization inside Figma?
or custom workflows?
I’m facing a layout issue in Elementor/WooCommerce and need some guidance.
When I zoom out or view the site on larger screens, the section background colors stretch full width to the edges of the screen while the content stays boxed in the center. This makes the layout look broken and disconnected.
I noticed professional ecommerce websites keep everything visually aligned and balanced even on zoom out. Their backgrounds and content feel properly contained within the layout/grid.
One important thing:
I’m intentionally using a custom background color/theme throughout the website instead of a plain white background. So I do NOT want the site to become white outside the container — I want the colored layout/background to still feel properly contained, aligned, and premium without awkward stretching or disconnected sections.
My current structure is basically:
- Main parent container has the background color
- Inside it I have 2 inner containers (left/right columns)
- The inner containers themselves do NOT have background colors
I think because the parent container is full width, the background color stretches infinitely on zoom out while the actual content remains boxed.
Right now the layout creates:
- full-width stretched background areas
- too much empty space
- sections looking disconnected
- inconsistent alignment between sections
- background colors leaking outside the visual layout
I’m using Elementor Flexbox Containers.
What is the best professional approach for:
- controlling section width
- keeping layouts visually boxed/aligned
- handling colored backgrounds correctly
- maintaining consistency across sections
- making zoomed-out layouts still look premium
Should I use:
- full width parent + boxed inner container?
- boxed containers only?
- custom max-width settings?
- theme container settings?
- CSS wrapper/container techniques?
Would appreciate advice on the correct structure/workflow used in premium ecommerce sites.
Note: Check comments for the image
Elementor Team’s approach to V4 is fundamentally flawed. Here’s why and what urgently needs to change.
First, allow me to mention that I've posted my first post here on March 14th. Even one of the devs responded. Still, 2 months have passed and I've received no feedback from anyone on Elementor Team. I was advised in the comments to post in on Github as well. I did after consideration, still no response there as well. 2 months, nothing. They don't care about their users and devs. But let's go.
Elementor V4 feels less like a true rebuild and more like an overlay on top of V3. The architecture and UX decisions resemble the same layered approach Microsoft used across multiple Windows generations: instead of rebuilding systems properly, new interfaces are stacked on top of old ones. Eventually, inconsistencies pile up, UX degrades, and core functionality becomes fragmented.
Windows 11 is an overlay on Windows 10, which is an overlay for Windows 7. It shows when you enter Control Panel or Device manager on Windows 11. That's why it's called Microslop. For a reason. It just leads to bad UI and bad user experience. And what do they do then? Introduce shitty Copilot AI everywhere. Done and dusted. Sounds familiar? Angie, Elementor One?
V4 is an alpha-state overlay on V3. That’s exactly how V4 currently feels.
The problem is not the atomic approach itself. Atomic elements are good. Class-first styling is good. Components are good. Those are the right long-term decisions. The problem is everything around them.
V4 was released as “production ready”, yet many basic workflows and features that existed in V3 for years are still missing, incomplete, or inconsistent.
Some examples:
These are not edge cases. These are fundamental workflow issues. And the list could go on and on.
I understand that V4 doesn’t need as many widgets as V3 because components and atomic elements cover many use cases. But right now the ecosystem still feels incomplete. Building in V4 often feels like using a promising prototype rather than a mature production builder. The biggest issue is philosophy.
The feedback I get from my clients, many of whom like to edit their websites themselves from time to time, is damning for you as well. The V4 editor is harder for the average user (not a developer) to use. You've always boasted, and continue to boast, that even a regular user - not a developer - can click through a page as easily as a PowerPoint presentation. It’s no longer the case with V4.
It requires knowledge of how to build design systems based on classes effectively. It’s no longer simple drag-and-drop and done. Custom CSS used to be optional in Elementor for them; now it’s CSS-first. They must think CSS-first, and if they’re not skilled, they simply can’t and won’t do that. So your user base of average, less-skilled users will shrink, in my opinion, and devs and designers will be needed more often. So just make your builder good for devs, then, stop marketing it like it’s easy for everyone. It isn’t the case anymore.
When you introduce a new system, especially one positioned as the future of the platform, compatibility, and workflow continuity should be the priority. Features shouldn’t disappear simply because the architecture changed.
For example: why are grid layouts still unavailable for Divs? Where are the Accordions, Galleries, and Carousels, just to name a few? Do you really expect me, if I want to make the V4-only site, to go to Claude every single time for it to write accordion or carousel JS for me, because I won’t see it in V4 for months?
Grouping component properties was a good addition. But why can’t we group:
On my test project alone, I already have ~90 classes, 30 variables and 15 components. Filtering is not enough. Dragging items manually through long lists is not scalable UX. It’s bad UX design on your part.
Why can’t I create: a “Colors” variable group, a “Typography” variable group, or “Spacing” variable group? These are basic information architecture and UX principles. Have you ever worked as actual devs?
And then there’s the class limit. Why does V4 still have a 100-class limit? Maybe that works for landing pages. It absolutely does not work for large-scale websites with proper class architecture. The limit feels artificial and disconnected from real-world usage.
At this point, many developers are wondering whether these limits exist for technical reasons - or simply to create future subscription segmentation, like introducing higher class limits for pricier subscriptions. There you go, just upgrade to Advanced or Elementor One, we will give you more than 100 classes! Sounds like you, Elementor Team.
My best guess is you don't use or test your own product. Because every dev would come up to the same conclusions. Going back to Windows analogy, it's like searching for something in Outlook. It's basic stuff, and doesn't work, because nobody on your team thought about it.
What V4 urgently needs:
The frustrating part is that most of these issues become obvious after building just one medium-sized website in V4.
Honestly the biggest recommendation I can give the Elementor team: pause feature marketing for a moment and have every product designer and developer build a real client project using V4 exclusively. The amount of friction, missing functionality, inconsistent UX, and workaround hunting would become immediately obvious. Just build one medium-sized website each. The amount of times you would catch yourselves cursing and heading to ChatGPT or Claude for workarounds would be staggering.
V4 has enormous potential. The foundation is actually strong. But right now it feels unfinished, inconsistent, and prematurely labeled as production-ready.
To all the Elementor and Elementor Pro users out there. Keep in mind that Elementor Pro source code is on GNU General Public License (GPL) v3. You can do whatever you want with the source code. They can only charge you for updates and support. You can upload it to AI and remove class limits manually. I imagine you are thinking what I'm thinking. If they lose their revenue because every dev with Claude Code in 5 minutes can and will disconnect their license and remove arbitrary limits, maybe then they will work on making a new major release good for a change.
Hi everyone, I have an existing website built mostly with the classic Elementor v3 setup.
For new pages, is it okay to start using Elementor v4 Atomic Widgets, or is it better to keep everything using the v3 structure for consistency?
I know v4 and v3 can work together, but I’m mainly thinking about real client sites, stability, responsive control, plugin compatibility, and long term maintenance.
Would you mix v4 into an existing v3 website, or only use v4 for brand new sites?
I'm building a site with Elementor Pro. I used the built-in Custom CSS feature and added CSS code. The code showed at the top of the page, so I installed Custom CSS & JS plug-in and added the code there. The code is still showing at the top even with the plug-in deleted. Would anyone have a fix for this? I cleared caches, reinstalled the plug-in, deleted the code file and then uninstalled the plug-in and it's still showing.
Thank you in advance!
Site is here: https://sgdt.bobswartzlanderdesign.com
Full disclosure: I built this and I'm sharing it here because I think it's genuinely useful for this community, not to drive signups (it's free, no account).
The problem: every Elementor project involves at least one conversation about hero video file size. Client sends a 150MB MP4. You need it under 10MB. The ffmpeg command exists but half the team isn't set up to run it, and it's friction every single time.
So I built ffpress.designsuite.ai — a browser-based video compressor using FFmpeg WASM. Everything runs client-side. Nothing is uploaded anywhere. You drop a file in, set your quality, download the compressed output.
A few things I learned building it:
SharedArrayBuffer (required for FFmpeg WASM multithreading) needs specific HTTP headers — COOP and COEP — both set to specific values. Netlify's default headers don't include these. Took longer than I expected to debug.
Self-hosting the vendor files was the right call. The unpkg CDN versions caused CORS issues in certain environments.
The default CRF I landed on is 28 — aggressive but visually acceptable for muted autoplay. If you're compressing something that needs to look sharp, 23 is the safer default.
Would be curious what file sizes you're typically working with and whether the output quality holds up for your use cases.
My menu only has three links, but the menu hits the breakpoint and switches to the hamburger even though there's plenty of space.
Anyone know how to prevent this?
I'm thinking there's probably a way to create a CSS class and CSS code to prevent the hamburger.
If you've done this successfully or know the code, please share!
Hi, I'm having a problem previewing a video. I've uploaded it to media, copied the URL, and when I put it in Elementor it appears in the background, but it disappears when I publish it. Is there a solution to this?
Hi everyone,
I’m struggling with a persistent caching/rendering issue on a WordPress/Elementor site and could really use some expert eyes.
The Problem: Whenever I make changes in Elementor (even simple things like updating a button link or adding a text widget), they do not appear for guests/non-logged-in users on the first visit. The site shows an outdated version. Only after a manual second reload (F5) does the browser render the current state.
What I’ve tried so far:
Has anyone dealt with this specific "second reload" bug before? Any ideas on how to force the server to serve the fresh version to guests immediately?
Thanks in advance!
Edit: I want to avoid spam and recognition so the named domain is not actually mine.
I have this website here, and it's supposed to have 3 containers per row, but it decided to squish everything into this tiny space and I don't know how to fix it, any help?
Hello, Im creating a popup for the mobile menu and the menu has a category dropdown menu. Im using WP's default menu widget and it works amazing except when I hover/click on the submenu.
Its trying to show on the left but its getting cropped (notice the white line its the submenu)
What can I do?
Thank you
Hey guys - I run an agency, and one of my clients uses elementor on three of their sites.
I have a repeated task I am trying to semi automate: building new knowledge Base pages with content I have written.
The design of these pages isn't anything elaborate - just sections of text and images, typically.
The problem is that building pages manually in the backend of their WordPress is a slog that I find quite cumbersome with elementor working in WP.
Is there a way to sort of automate the page creation process? If I have the content written, is there an easier way to apply that content to a template without manually inserting each section of text?
Ideally, I want to be able to paste my written content somewhere and have a well-formatted elementor page created.
Is it possible to connect an HTML button to a Popup? I tried to assign an ID to the popup and connect it to the HTML Button but it didnt work
I see that many people recommend Cloudflare Turnstile instead of Recaptcha (I'm using v3) to prevent form spam. My forms are created with Elementor Pro, and there are options in the Elementor screen to use Recaptcha, but I don't see options to use Turnstile? Do I just add the Turnstile plugin to Wordpress to take care of this? Or is there a better way?
Once I have Turnstile installed, do I need to remove Recaptcha v3?
And lastly for those who have switched from Recaptcha v3 to Turnstile, have you found that it is much more effective at blocking spam and doesn't cause technical problems?
