elementor / elementor/elementor

Changing the color of the popup close button on hover doesn't work

Open
#29,040 2 comments 0 reactions 0 assignees View on GitHub
status/awaiting_triage
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.
![photo_2024-10-22_19-51-54](https://github.com/user-attachments/assets/a439cad9-c964-4f73-9666-95667ce18fbd)

### 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.