elementor / elementor/elementor
Changing the color of the popup close button on hover doesn't work
- Dominant language
- PHP
- Stars
- 7.1k
- Forks
- 1.6k
- Avg merge
- 1d 5h
- Merged PRs (30d)
- 193
Description
### Prerequisites
- [X] I have searched for similar issues in open and closed tickets and cannot find a duplicate.
- [X] I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.
### Description
Changing the color of the popup close button on hover doesn't work.

### Steps to reproduce
1. Customize any color for the close button.
2. Set any other color for the close button when hovering.
3. Checking... It doesn't work.
https://github.com/user-attachments/assets/ef5689f3-ea0a-498e-bdac-1d5787bd62b7
### Expected behavior
The color of the close button changes when you move the mouse cursor over it.
### Isolating the problem
- [X] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
- [X] This bug happens with the Hello Elementor theme active.
- [X] I can reproduce this bug consistently by following the steps I described above.
### Elementor System Info
```txt
== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: Percona Server (GPL), Release 38, Revision 3692a61 v5.7.35-38
PHP Version: 7.4.33
PHP Memory Limit: 512M
PHP Max Input Vars: 15000
PHP Max Post Size: 120M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
== WordPress Environment ==
Version: 6.6.2
Site URL: https://test.moversoft.ru
Home URL: https://test.moversoft.ru
WP Multisite: No
Max Upload Size: 100 МБ
Memory limit: 256M
Max Memory limit: 512M
Permalink Structure: /%postname%/
Language: ru_RU
Timezone: 6
Debug Mode: Inactive
== Theme ==
Name: Hello Elementor
Version: 3.1.1
Author: Elementor Team
Child Theme: No
== User ==
Role: administrator
WP Profile lang: ru-RU
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36
== Active Plugins ==
Elementor
Version: 3.24.7
Author: Elementor.com
Elementor Pro
Version: 3.24.4
Author: Elementor.com
== Использование элементов ==
popup : 1
container : 1
heading : 1
product : 1
container : 3
wp-page : 2
button : 1
container : 2
shortcode : 1
loop-item : 4
container : 2
heading : 2
theme-post-featured-image : 1
== Настройки ==
cpt_support: post, page, wpr_templates
allow_tracking: yes
unfiltered_files_upload: 1
font_display: swap
== Features ==
Custom Fonts: 0
Custom Icons: 0
== Integrations ==
woocommerce: Active
== Эксперименты Elementor ==
Улучшенная загрузка CSS: Неактивен по умолчанию
Встроенные шрифтовые иконки: Активен
Дополнительные настраиваемые брейкпоинты: Активен по умолчанию
Флекс-контейнер: Активен
Контейнер сетки: Активен по умолчанию
Обновление библиотеки Swiper: Активен по умолчанию
Nested Elements Performance: Активен по умолчанию
Optimized Control Loading: Неактивен по умолчанию
Optimized Markup: Неактивен по умолчанию
Conditionally load Swiper CSS files: Неактивен по умолчанию
Plugin Onboarding: Активен по умолчанию
Default to New Theme Builder: Активен по умолчанию
Header & Footer: Активен по умолчанию
Elementor Home Screen: Активен по умолчанию
Build with AI: Неактивен
Целевые страницы: Активен по умолчанию
Launchpad Checklist: Неактивен по умолчанию
Вложенные элементы: Активен
Верхняя панель редактора: Активен
Pages Panel: Неактивен по умолчанию
Element Caching: Неактивен по умолчанию
Link In Bio: Активен по умолчанию
Floating Buttons: Активен по умолчанию
Elementor Editor Events: Неактивен по умолчанию
Atomic Widgets: Неактивен по умолчанию
Display Conditions: Активен по умолчанию
Form Submissions: Активен по умолчанию
Menu: Неактивен по умолчанию
== Журнал ==
Log: showing 20 of 382024-10-07 15:42:11 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.24.1',
'to' => '3.24.3',
)]
2024-10-07 15:42:12 [info] elementor-pro::elementor_pro_updater Started
2024-10-07 15:42:12 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-10-07 15:42:12 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-10-07 15:42:12 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.24.1',
'to' => '3.24.3',
)]
2024-10-07 15:42:14 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.24.1',
'to' => '3.24.3',
)]
2024-10-09 16:49:33 [info] elementor::elementor_updater Started
2024-10-09 16:49:33 [info] Elementor/Upgrades - _on_each_version Start
2024-10-09 16:49:33 [info] Elementor/Upgrades - _on_each_version Finished
2024-10-09 16:49:33 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.24.5',
'to' => '3.24.6',
)]
2024-10-14 11:49:18 [info] elementor-pro::elementor_pro_updater Started
2024-10-14 11:49:18 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-10-14 11:49:18 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-10-14 11:49:18 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.24.3',
'to' => '3.24.4',
)]
2024-10-22 19:40:57 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.24.6',
'to' => '3.24.7',
)]
2024-10-22 19:40:59 [info] elementor::elementor_updater Started
2024-10-22 19:40:59 [info] Elementor/Upgrades - _on_each_version Start
2024-10-22 19:40:59 [info] Elementor/Upgrades - _on_each_version Finished
2024-10-22 19:40:59 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.24.6',
'to' => '3.24.7',
)]
2024-10-22 19:41:00 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.24.6',
'to' => '3.24.7',
)]
JS: showing 4 of 4JS: 2024-09-11 04:39:43 [error X 1][https://test.moversoft.ru/wp-admin/load-scripts.php?c=0&loadchunk_0=jquery-core,jquery-migrate,utils&ver=6.6.2:2:28760] Cannot read properties of undefined (reading 'value')
JS: 2024-10-07 11:19:36 [error X 3][https://test.moversoft.ru/wp-content/plugins/piotnet-addons-for-elementor-pro/assets/js/minify/purify.min.js?ver=7.1.43:2:15079] Failed to execute 'invoke' on 'CreateHTMLCallback': The provided callback is no longer runnable.
JS: 2024-10-09 05:34:42 [error X 1][https://test.moversoft.ru/wp-content/plugins/elementor/assets/js/editor-modules.min.js?ver=3.24.5:3:14298] An invalid argument supplied as multiple control value [array (
'category' => 'InvalidElementData',
'tag' => 'Element `wpr-grid` got as `content_width` value. Expected array or object.',
)]
JS: 2024-10-09 06:27:12 [error X 4][https://test.moversoft.ru/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.24.5:3:639616] Cannot read properties of undefined (reading 'isEditable')
PHP: showing 1 of 1PHP: 2024-10-07 17:34:48 [notice X 1][/home/mover33/domains/moversoft.ru/public_html/test/wp-content/plugins/elementor/modules/history/revisions-manager.php::363] Undefined index: editor_post_id [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
== Elementor - Compatibility Tag ==
Elementor Pro: Несовместимый
== Elementor Pro - Compatibility Tag ==
```
### Agreement
- [X] I agree that my issue may be closed without action if it doesn't meet all the requirements.
Contributor guide
Research direction
Reproduce the issue by creating a popup, setting separate default and hover colors for its close button, and moving the pointer over it. Inspect the generated popup close-button styles and compare the default and hover behavior; done means the configured hover color is visibly applied with only Elementor and Elementor Pro active.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100