elementor / elementor/elementor
⌛ 🐛 Featured image not rendering as background overlay in the Atomic Flexbox element
- Dominant language
- PHP
- Stars
- 7.1k
- Forks
- 1.6k
- Avg merge
- 1d 5h
- Merged PRs (30d)
- 193
Description
### Description
I am building a cpt single entry template and want to pull the featured image as background overlay in an Atomic flexbox element.
This gets rendered properly in the editor but not on the frontend and only applies when loading featured images (post featured image). It does not have issues when selecting an image directly from the library (not dynamically).
### Steps to reproduce
1. Create a single post template
2. Load the featured image as a background overlay on an Atomic Flexbox element
3. Set the proper display conditions to the single post template
4. Create a new post and assign a featured image
5. Preview the new post
### Expected behavior
It is expected that the featured image gets pulled dynamically on the frontend.
### Elementor System Info
Click to reveal
```txt
== Server Environment ==
Operating System: Darwin
Software: nginx/1.26.1
MySQL version: MySQL Community Server - GPL v8.0.35
PHP Version: 8.4.10
PHP Memory Limit: 256M
PHP Max Input Vars: 4000
PHP Max Post Size: 1000M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
== WordPress Environment ==
Version: 6.8.3
Site URL: https://test.local
Home URL: https://test.local
WP Multisite: No
Max Upload Size: 300 MB
Memory limit: 40M
Max Memory limit: 256M
Permalink Structure: /%postname%/
Language: en_US
Timezone: Europe/Lisbon
Debug Mode: Inactive
== Theme ==
Name: test Blog
Version: 1.0.0
Author: Test
Child Theme: No
== User ==
Role: administrator
WP Profile lang: en-US
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36
== Active Plugins ==
Advanced Custom Fields PRO
Version: 6.6.2
Author: WP Engine
CAOS
Version: 5.0.0
Author: Daan from Daan.dev
Country Code For Elementor Form Telephone Field
Version: 1.4.9
Author: Cool Plugins
Elementor
Version: 3.33.2
Author: Elementor.com
Elementor Pro
Version: 3.33.1
Author: Elementor.com
Email Encoder - Protect Email Addresses
Version: 2.2.5
Author: Online Optimisation
JetEngine
Version: 3.7.10
Author: Crocoblock
Post Meta Data Manager
Version: 1.4.3
Author: WpExpertPlugins
== Features ==
Custom Fonts: 0
Custom Icons: 0
== Integrations ==
== Elementor Experiments ==
Inline Font Icons: Active
Additional Custom Breakpoints: Inactive
Container: Active
Optimized Markup: Active
Default to New Theme Builder: Active
Pro Free Trial Popup: Inactive by default
Nested Elements: Active
Pages Panel: Inactive by default
Elementor Home Screen: Active by default
Atomic Widgets: Active
V4 Indications Popover: Inactive by default
Enforce atomic widgets capabilities: Active by default
Nested Elements: Inactive by default
Editor MCP for atomic widgets: Inactive by default
Global Classes: Active
Enforce global classes capabilities: Active by default
Variables: Active
Variables Manager: Active by default
Cloud Library: Active by default
Editor v4 (Opt In Page): Active by default
Editor V4: Active
Components: Inactive by default
Import/Export Customization: Active by default
Elementor Editor Events: Inactive by default
Menu: Inactive
Size Variables: Active by default
== Log ==
Log: showing 20 of 292025-11-14 09:49:15 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.32.5',
'to' => '3.33.0',
)]
2025-11-14 09:49:15 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.32.3',
'to' => '3.33.1',
)]
2025-11-14 09:49:15 [info] elementor::elementor_updater Started
2025-11-14 09:49:15 [info] Elementor/Upgrades - _on_each_version Start
2025-11-14 09:49:15 [info] Elementor/Upgrades - _on_each_version Finished
2025-11-14 09:49:15 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.32.5',
'to' => '3.33.0',
)]
2025-11-14 09:49:15 [info] elementor-pro::elementor_pro_updater Started
2025-11-14 09:49:15 [info] Elementor Pro/Upgrades - _on_each_version Start
2025-11-14 09:49:15 [info] Elementor Pro/Upgrades - _on_each_version Finished
2025-11-14 09:49:15 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.32.3',
'to' => '3.33.1',
)]
2025-11-18 14:58:17 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.33.0',
'to' => '3.33.1',
)]
2025-11-18 14:58:17 [info] elementor::elementor_updater Started
2025-11-18 14:58:17 [info] Elementor/Upgrades - _on_each_version Start
2025-11-18 14:58:17 [info] Elementor/Upgrades - _on_each_version Finished
2025-11-18 14:58:17 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.33.0',
'to' => '3.33.1',
)]
2025-11-24 14:26:52 [info] elementor::elementor_updater Started
2025-11-24 14:26:52 [info] Elementor/Upgrades - _on_each_version Start
2025-11-24 14:26:52 [info] Elementor/Upgrades - _on_each_version Finished
2025-11-24 14:26:52 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.33.1',
'to' => '3.33.2',
)]
2025-11-24 14:26:52 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.33.1',
'to' => '3.33.2',
)]
PHP: showing 11 of 11PHP: 2025-11-14 09:48:01 [notice X 5][../elementor-pro/core/database/query-builder.php::268] ElementorPro\Core\Database\Query_Builder::when(): Implicitly marking parameter $false_callback as nullable is deprecated, the explicit nullable type must be used instead [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2025-11-15 22:51:57 [warning X 1][../elementor/includes/template-library/data/endpoints/templates.php::63] Undefined array key "config" [array (
'trace' => '
#0: ../elementor/includes/template-library/data/endpoints/templates.php(63): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ../elementor/includes/template-library/data/endpoints/templates.php(51): Elementor\Includes\TemplateLibrary\Data\Endpoints\Templates -> reorder_categories()
#2: ../elementor/data/v2/base/base-route.php(322): Elementor\Includes\TemplateLibrary\Data\Endpoints\Templates -> get_items()
#3: ../elementor/data/v2/base/base-route.php(233): Elementor\Data\V2\Base\Base_Route -> base_callback()
#4: ../wp-includes/rest-api/class-wp-rest-server.php(1292): Elementor\Data\V2\Base\Base_Route -> {closure:Elementor\Data\V2\Base\Base_Route::register_route():232}()
',
)]
PHP: 2025-11-15 22:51:57 [warning X 2][../elementor/includes/template-library/data/endpoints/templates.php::63] Trying to access array offset on null [array (
'trace' => '
#0: ../elementor/includes/template-library/data/endpoints/templates.php(63): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ../elementor/includes/template-library/data/endpoints/templates.php(51): Elementor\Includes\TemplateLibrary\Data\Endpoints\Templates -> reorder_categories()
#2: ../elementor/data/v2/base/base-route.php(322): Elementor\Includes\TemplateLibrary\Data\Endpoints\Templates -> get_items()
#3: ../elementor/data/v2/base/base-route.php(233): Elementor\Data\V2\Base\Base_Route -> base_callback()
#4: ../wp-includes/rest-api/class-wp-rest-server.php(1292): Elementor\Data\V2\Base\Base_Route -> {closure:Elementor\Data\V2\Base\Base_Route::register_route():232}()
',
)]
PHP: 2025-11-15 22:51:57 [notice X 10][../elementor/core/logger/manager.php::249] Constant E_STRICT is deprecated [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2025-11-15 22:51:57 [error X 1][../elementor/includes/template-library/data/endpoints/templates.php::63] Uncaught TypeError: array_search(): Argument #2 ($haystack) must be of type array, null given in ../elementor/includes/template-library/data/endpoints/templates.php:63
Stack trace:
#0 ../elementor/includes/template-library/data/endpoints/templates.php(63): array_search('404 page', NULL)
#1 ../elementor/includes/template-library/data/endpoints/templates.php(51): Elementor\Includes\TemplateLibrary\Data\Endpoints\Templates->reorder_categories(Array)
#2 ../elementor/data/v2/base/base-route.php(322): Elementor\Includes\TemplateLibrary\Data\Endpoints\Templates->get_items(Object(WP_REST_Request))
#3 ../elementor/data/v2/base/base-route.php(233): Elementor\Data\V2\Base\Base_Route->base_callback('GET', Object(WP_REST_Request), true)
#4 ../wp-includes/rest-api/class-wp-rest-server.php(1292): Elementor\Data\V2\Base\Base_Route->{closure:Elementor\Data\V2\Base\Base_Route::register_route():232}(Object(WP_REST_Request))
#5 ../wp-includes/rest-api/class-wp-rest-server.php(1125): WP_REST_Server->respond_to_request(Object(WP_REST_Request), '/elementor/v1/t...', Array, NULL)
#6 ../wp-includes/rest-api/class-wp-rest-server.php(439): WP_REST_Server->dispatch(Object(WP_REST_Request))
#7 ../wp-includes/rest-api.php(459): WP_REST_Server->serve_request('/elementor/v1/t...')
#8 ../wp-includes/class-wp-hook.php(324): rest_api_loaded(Object(WP))
#9 ../wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters('', Array)
#10 ../wp-includes/plugin.php(565): WP_Hook->do_action(Array)
#11 ../wp-includes/class-wp.php(418): do_action_ref_array('parse_request', Array)
#12 ../wp-includes/class-wp.php(818): WP->parse_request('')
#13 ../wp-includes/functions.php(1342): WP->main('')
#14 ../wp-blog-header.php(16): wp()
#15 ../index.php(17): require('/Users/elsonpon...')
#16 {main}
thrown [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2025-11-15 23:02:13 [warning X 1][../elementor/core/files/file-types/svg.php::161] simplexml_load_file(): I/O warning : failed to load external entity "../wp-content/uploads/2025/06/test-logo.svg" [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2025-11-18 15:13:11 [warning X 16][../elementor/includes/managers/widgets.php::392] Undefined array key "editor_post_id" [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2025-11-18 17:55:27 [notice X 1][../elementor-pro/core/database/model-base.php::66] ElementorPro\Core\Database\Model_Base::query(): Implicitly marking parameter $connection as nullable is deprecated, the explicit nullable type must be used instead [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2025-11-20 15:55:39 [warning X 4][../elementor/modules/wp-rest/classes/post-query.php::221] Undefined array key "included_types" [array (
'trace' => '
#0: ../elementor/modules/wp-rest/classes/post-query.php(221): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ../elementor/modules/wp-rest/classes/post-query.php(63): Elementor\Modules\WpRest\Classes\Post_Query -> get_post_types_from_params()
#2: ../elementor/modules/wp-rest/base/query.php(49): Elementor\Modules\WpRest\Classes\Post_Query -> get()
#3: ../elementor/modules/wp-rest/base/query.php(115): Elementor\Modules\WpRest\Base\Query -> {closure:{closure:Elementor\Modules\WpRest\Base\Query::register():49}:49}()
#4: ../elementor/modules/wp-rest/base/query.php(49): Elementor\Modules\WpRest\Base\Query -> send()
',
)]
PHP: 2025-11-20 16:33:07 [error X 3][../elementor/includes/managers/elements.php::70] Uncaught TypeError: Elementor\Elements_Manager::create_element_instance(): Argument #1 ($element_data) must be of type array, false given, called in ../elementor-pro/core/utils.php on line 429 and defined in ../elementor/includes/managers/elements.php:70
Stack trace:
#0 ../elementor-pro/core/utils.php(429): Elementor\Elements_Manager->create_element_instance(false)
#1 ../elementor-pro/modules/search/module.php(92): ElementorPro\Core\Utils::create_widget_instance_from_db('79', 'ae07f9b')
#2 ../elementor-pro/modules/search/module.php(79): ElementorPro\Modules\Search\Module->get_query_based_on_widget_props('ae07f9b-79')
#3 ../wp-includes/class-wp-hook.php(324): ElementorPro\Modules\Search\Module->set_query(Object(WP_Query))
#4 ../wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters('', Array)
#5 ../wp-includes/plugin.php(565): WP_Hook->do_action(Array)
#6 ../wp-includes/class-wp-query.php(1910): do_action_ref_array('pre_get_posts', Array)
#7 ../wp-includes/class-wp-query.php(3949): WP_Query->get_posts()
#8 ../wp-includes/class-wp.php(701): WP_Query->query(Array)
#9 ../wp-includes/class-wp.php(821): WP->query_posts()
#10 ../wp-includes/functions.php(1342): WP->main('')
#11 ../wp-blog-header.php(16): wp()
#12 ../index.php(17): require('/Users/user...')
#13 {main}
thrown [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2025-11-25 12:42:01 [warning X 7][../elementor-pro/modules/dynamic-tags/acf/tags/acf-text.php::33] Undefined array key 1 [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
JS: showing 2 of 2JS: 2025-11-20 18:45:22 [error X 3][../elementor/assets/js/editor.min.js?ver=3.33.1:2:1216472] Cannot read properties of null (reading 'id')
JS: 2025-11-21 09:49:09 [error X 1][../elementor/assets/js/editor.min.js?ver=3.33.1:2:999500] Cannot read properties of undefined (reading 'toLowerCase')
== Elementor - Compatibility Tag ==
Country Code For Elementor Form Telephone Field: Incompatible
Elementor Pro: Compatible
== Elementor Pro - Compatibility Tag ==
Country Code For Elementor Form Telephone Field: Incompatible
```
### Agreement
- [x] I confirm I have read and followed all the guidelines and instructions outlined in the Editor V4 Bug Report form.
- [x] I agree that my issue may be closed without further action if it doesn't meet all the requirements outlined in the Editor V4 Bug Report form.
Contributor guide
Assessment
This issue has not been assessed yet.