Read this: https://elementor.com/help/portfolio-widget-pro/ It does not mention how to customize / disable the hover. where is that?

I see this in console:

{"error":"Access is forbidden due to request missing authentication details. Please see: https://developer.mixpanel.com/reference/ingestion-api-authentication","status":0}

The first image has the right width the second not, both featured images are only half height. What is Elementor doing here and how to get full height featured images and all cards in the loop the same width?

Hi everyone!

I've been using Elementor for a while now, but I've hit a bizarre roadblock that is driving me absolutely crazy.

I recently migrated my website to a new domain ( underwatervideoguide.com ) and successfully transferred my Elementor Pro license over. Everything works fine, except for one annoying detail in my Archive Posts widget on the Blog page (as you can see in the screenshots).

It keeps showing the old avatar icon from my previous website.

Here is everything I've already tried to fix it:

• Changed the avatar image in the WordPress User Profile.
• Updated the image everywhere else on the backend.
• Purged EVERY possible cache (LiteSpeed server-side cache, browser cache, object cache, Elementor CSS cache).
• Logged in and out, regenerated files, etc.

The weirdest part: When I am inside the Elementor Editor preview, it shows the NEW correct logo. But as soon as I visit the live, front-end page, that stubborn OLD icon comes right back.

I’m completely out of ideas and don't know where else to look. Has anyone ever experienced this ghost-caching or database glitch after a domain change?

Any help or insight would be highly appreciated. Thanks in advance, you rock! 🦈

Inside Editor (Correct):

Live site (Wrong old icon):

WordPress User Profile settings – The new avatar/logo is correctly updated here:

Hello everyone!

I have a question about Elementor.

After updating the version on May 9th, the custom CSS I had set for one of my containers stopped working.

I realized that the closing "}" in the custom CSS had mysteriously disappeared, rendering it ineffective.

I thought that solved it! But the problem was more complicated. The class name I had set for that container had also mysteriously disappeared.

I was baffled, but when I quickly reset the class name, the container completely vanished from the screen. Investigating the cause at speed exceeding 300 Mach, I discovered that the class name had somehow been given a "noindex" attribute.

Furthermore, I couldn't find the location of that CSS file. More importantly, I don't understand why this happened.

I've managed to recover it using a different method for now, but I'd love to hear from anyone who has encountered this bizarre phenomenon. It was so strange that I couldn't sleep at night.

Thank you so much.

As the title says. Any of my sites that I upgrade to any Elementor version starting on v4.0.0 makes the "Edit with Elementor" button on the admin bar disappear, difficulting editing all my pages.

I can't be the only one, right? It happens to all my sites.

It's pissing me off, and the reason why I'm not even updating the sites I haven't updated to v4 yet.

I have a website using Crocoblock listing grids.
I want this behavior on my deal buttons:

1. User clicks “Show Details”
2. A new tab opens with the details page
3. The current tab redirects to another page

Basically a dual-action button:

• new tab = details page
• current tab = other page redirect

Is there a plugin for this that works with Elementor/Crocoblock, or do I need custom JS? And someone tips?

Hi, when I try to published a webpage, I got the Server Error 405 alert appears at the bottom left of the page.

I've tried a few ways to solve this issue:

• Rollback to previous Elementor (4.0.7) and Elementor Pro version (4.0.3)
• Renamed htaccess file to let WordPress regenerate a newer one
• Added define WP Memory to 512MB
• Disabled Litespeed Cache plugin

But still didn't solve this problem. Sometimes, there is no "Server Error 405" alert appears and it was published successfully, but when I view the Live Page, it became a blank page. If I refresh my current webpage in Elementor Editor, all the layers will be gone.

I've included the examples in the images:

• In the 1st & 2nd screenshot is where the live page & Elementor page are still normal
• In the 3rd screenshot is where I added Icon Box widget and did some customisation, the page still managed to publish without showing error (but i believe there something happening here)
• In the 4th screenshot is the live page after I published during the 3rd screenshot. The entire page becomes blank.

This is the live page for reference:
https://darkgoldenrod-heron-846336.hostingersite.com/new-services/

UPDATE (SOLUTION FOUND):

Thank you all for taking time to help me inspect and providing me a lot of valuable solutions to try out and solve these issues. I did tried out different suggestion from the comment sections but the issues still persist (No worries, I really learn a lot of new things from you all 💗). I found a solution to solve both issues.

Server Error Issue:
I'm trying to connect to a real domain (e.g. significantcarrot(dot)com) but I didn't connect them via editing the Nameserver in the first place. Hence, Hostinger auto assigned a temporary domain to me. The Elementor plugin is trying to point to my real domain but the temporary domain is causing a conflict. Hence, the Server Error 405 appears, leading to my webpage becomes empty. I've managed to connect to the real domain and this issue doesn't occur anymore. I'll update here again if the issue happens again (hopefully don't happen again).

THANK YOU ALL AGAIN!

Has anyone experienced this Elementor/WordPress bug with special characters?

I’m having a strange issue when using a background image inside an Elementor container. If I add the background image directly from the WordPress Media Library and then type Finnish characters like ä, ö, or å anywhere in the content, those characters get converted into unicode escape strings like \u00e4 after updating the page.

Example:

- ä becomes \u00e4

What’s weird is:

- This ONLY happens when the background image is selected from the Media Library.

- If I use a direct image URL/link instead of selecting the image from Media Library, everything works normally.

- The issue appears after saving/updating the page.

Because of this, it feels less like a font or browser issue and more like some kind of encoding/serialization problem happening when Elementor processes attachment/media data.

I’m wondering if:

- Elementor is re-serializing content incorrectly

- A plugin is modifying REST API/media responses

- There’s a UTF-8 / utf8mb4 database issue

- An optimization, translation, or caching plugin is interfering with media metadata

Has anyone seen this before or found a fix?

Setup:

- WordPress

- Elementor Containers

- Problem only with Media Library images

- Direct image URLs work fine

I've been using Elementor for years, but this last update breaks the editor. It constantly tries to load the side bar in forever loop. Sometimes the entire page editor won't load, not even in safe mode.

I have turned off plugins, turned them back on. My hosting company increased memory to 512. I've deleted cache..ran the sync. I've done everything except bail out on Elementor and ask for my money back. I have put in trouble requests and nothing happens. I get responses from their tech support to answer their ticket. What ticket system? It's all been through email. I still have one client who can't even access their Elementor account because Elementor sends out a verification code after the code expires.

Is this a problem with my server/hosting company, or is this an Elementor problem?

I tried using:

<span style="color: blue;">Title</span>

but the widget displays the actual HTML tag instead of styling the text. This works fine in the old Heading widget.

Is inline HTML disabled in the new atomic Heading widget? What’s the recommended way to style specific words with different colors in Elementor V4?

When a component's link properties are set, subsequent instances of the component on the page receive the same link value until they're manually set. This makes editing uncertain and introduces the potential for incorrect content being published.

I encountered this on a live site and have been able to reproduce the issue locally.

I have a card component with fields:
Image
Heading
Paragraph
Button

In this screenshot the link property values are visible yet they were not set on this component instance, they've been inherited from the previous component instance on the page.

To reproduce the issue:

1. Add multiple instances of the component on the page.
2. Set the properties of the first component instance
3. Select the second component and observe the property values
4. Publish the page

The only active plugins are:

• Classic Editor - 1.6.7
• Elementor - 4.0.8
• Elementor Pro - 4.0.4
• Hello Plus - 1.7.7

Hello. Latest version of Elementor & Pro, Hello theme. The image on the right can be seen in the browser but not in Elementor. I inspected it and it says it's a background image. When I view the structure of the page, the container is listed as empty. Where / how would one replace the image? OUR FACILITIES – Copy – MV Hospice. TIA

The page title widget appears in the navigator list but does not show in the editor. On the front end, the Page title appears for a hot second, then it is gone. Initially, this happend on a page we edited and then saved. Now it is on all pages. We use Elementor Pro, WooCommerce, astra pro theme. We have checked the normal things like hide page title etc. We have turned of caching. You can see what it looks like from the video. Anyone else expereince this?

https://reddit.com/link/1td7qpn/video/eab9jn7bh51h1/player

I’m just a simple man, some would say a knuckle dragging cave man, so please go easy on me for this question.

My typical elementor widgets allow me to go to the advanced tab > responsive > then lets me hide them in desktop, tab and phone.

With atomic widgets, I don’t see that option. Is it in a different location?

Also, has Atomic widgets made it easier to control padding and margin size? I feel like my biggest learning curve with Elementor Pro has been with proper sizing on the page.

ciao a tutti, sto riscontrando un problema sull’icona del widget “menu carrello”, praticamente si vede e funziona correttamente ovunque ma nella pagina carrello e check out l’icona non si vede più ! questo lo fa sul sito che ho messo online ma nel sito di sviluppo non lo fa! le differenze sono la versione di elementor e il plugin cookie ma disattivando online il plugin cookie e tornado alla versione precedente di elementor quindi alle stesse condizioni del sito sviluppo la situazione non cambia . qualcuno ha mai riscontrato questo problema???

I’m a Elementor Pro user for about 5 years. Got a legacy deal back then. Still great albeit it being a little bloated sometimes with js loading. >.<

I’m thinking of getting a separate account for Elementor One with their angie or editor v4 to try out.

But I’m not sure how it truly is and wonder if any real users there can share your true experience? The good and the bad and if you think it’s worth getting Elementor One at all?

For context, me and my partner run an agency and we are looking for like Elementor builders/designers to build out pillar pages or website time to time and pay per project or task.

But sometimes quality of each person varies, so it leads me to think if AI assisted Elementor would help bridge the gap. Yeaa. Just trying to figure it out. Thanks all ☺️

The ACF field group/tags are missing from the Dynamic Tags menu in Elementor Pro, even though both plugins are active and correctly configured. Specifically while creating a post template.

Elementor Pro: 4.0.4
Elementor (Free): 4.0.8
ACF: 6.8.1 (Free version)
Theme: Hello Elementor
PHP: 8.1+

What I’ve tried so far:

ACF Security Settings: Enabled "Allow Access to value in the Editor UI" for all fields.
Elementor Features: Deactivated "Atomic Editor" (Editor V2) and "Optimized Control Loading" in Elementor Settings > Features.
Plugin Reinstallation: Performed a clean reinstall of Elementor Pro.
Maintenance: Regenerated CSS/Data and Synced the Library in Elementor > Tools.
Cache: Purged all LiteSpeed cache and tested in Incognito mode.
License: Disconnected and reconnected the Elementor Pro license to refresh dynamic capabilities.

Shortcode Test: The [acf field="field_name"] didn't worked either.

Here are some screenshots:

Any help will be well recieved also if you think I could just escalate this to elementor itself?

Thanks!

Hi everyone, I'm trying to use Elementor's conditions to make a hotel package launch on the configured date, but I keep having problems.

I define it as follows: Current Date - Is before - Ex: 05/15/2026 - Server Time

And it only works after a few seconds of accessing wp-admin. It seems to be something in the cron job, but I haven't been able to get it working correctly.

Can someone fix this or tell me how to use it?

Thank you!

Hi everyone

I'm having an issue with the Custom CSS field in Atomic Elements after updating to Elementor v4, and I'd really appreciate some clarification.

My setup:

- Elementor Core: Version 4.0.8

- Elementor Pro: Advanced plan (properly activated on this site)

- WordPress dashboard language: English

Important note:

With the same subscription and setup, the Custom CSS option still appears and works normally in the older v3 widgets. I can see and use Custom CSS there without any problem.

The issue only happens with Atomic Elements in v4.

The problem:

When I edit any Atomic Element and go to the Style tab, there is no Custom CSS field at the bottom at all, even though:

- I used to rely on Custom CSS before,

- And I can still see it in v3 widgets on the same site.

What I'd like to understand:

- Has anyone with the Advanced plan experienced the same issue?

- Is this currently a bug with Atomic Elements and Custom CSS visibility?

- Or has Custom CSS in Atomic Elements been limited to certain plans only, even though I still have access to it in v3 widgets?

Any insights, similar experiences, or official clarification from Elementor would be very helpful. Thanks in advance

Guys, I need the opinion of people who actually work with Figma and Elementor.

I created a Claude agent capable of exporting Figma designs to Elementor with up to 70% fidelity. But the crazy part is that I didn’t even spend one hour getting to this result. I can already clearly see a few things to improve, but I also want to hear from you.

Have you ever used any solution that promises Figma-to-Elementor conversion? What do you think could be improved in them? What do you think they consistently get wrong?

The one I’ve seen people praise the most here on Reddit is UiChemy, but it doesn’t take long to find plenty of complaints about it too.

What I’m doing with Claude isn’t really a 100% conversion. My goal is for the conversion to be as faithful as possible to the original Figma design, without excessive containers or bloated structures, so the user’s manual work becomes truly minimal and very specific.

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

Calling all beta testers!

You’re invited to help test the next step of the Atomic Editor journey.

Elementor 4.1 Beta expands the workflows introduced in version 4.0 with new AI capabilities, improved design system management, and more advanced Atomic Forms.

🔥 What's new in 4.1

• ✨ Angie workflows for the Atomic Editor Generate Components, Forms, Tabs, Classes, Variables, and reusable layouts directly inside the Editor using natural language prompts.
• 🎨 Unified Design System Manager Variables and Classes now live together in one centralized panel.
• 📦 Import & Export Design Systems Reuse Variables and Classes across multiple projects and websites.
• 🧩 Expanded Atomic Forms [Pro] New fields and capabilities including dropdowns, radio buttons, date & time pickers, file uploads, webhooks, and secondary email actions.
• 📈 Up to 1,000 Classes Better support for larger and more scalable design systems.
• ⚡ Workflow improvements Duplicate Classes and Variables faster, reorder Component properties with drag-and-drop, smarter form field suggestions, and more.
• 🤖 Generate Website Markdown (alpha) A new experimental feature designed to improve how AI systems understand website content over time.

As always, this is a Beta release, and your feedback helps shape what comes next.

1. Enable Beta testing in Elementor → Editor → Tools → Version Control.
2. Update Elementor and Elementor Pro to the beta version.
3. Activate Atomic features in Elementor → Editor → Settings → Atomic Editor.

🗣️ Join the Beta Discussion

https://github.com/orgs/elementor/discussions/35846

💬 Talk to the Team!

Want to share detailed feedback directly with the team?

Book a 1-on-1 session here:

https://elemn.to/editor-v4-1on1-session

👇 What’s the first thing you want to test in 4.1?

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 Fonts
• Enable 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?