✅ 🐞 CSS rendered invalid due to code typo when generating space_between_widgets (FIX OFFERED) #34033
Description
Description
The latest version of Elementor has a bug in the code that registers the "Space Between Widgets" control. On line 232 in wp-content/plugins/elementor/includes/elements/column.php there are accidentally two colons in the value declaration:
'margin-block-end:: {{VALUE}}px'
The double colon (::) renders invalid CSS, which breaks the CSS entirely in most browsers. The line should have a single colon:
'margin-block-end: {{VALUE}}px'
Tested, and this fixes the issue.
Steps to reproduce
Make sure you have optimized markup disabled, inspect the generated CSS code for any Elementor page, and you'll see a broken CSS value targeting widget elements.
Expected behavior
The generated code should have only 1 colon, so the value is valid.
Elementor System Info
Click to reveal
== Server Environment ==
Operating System: Darwin
Software: Apache/2.4.54 (Unix) OpenSSL/1.0.2u mod_fastcgi/mod_fastcgi-SNAP-0910052141 mod_wsgi/3.5 Python/2.7.18 mod_perl/2.0.11 Perl/v5.30.1
MySQL version: MySQL Community Server (GPL) v5.7.39
PHP Version: 7.4.33
PHP Memory Limit: 10240M
PHP Max Input Vars: 5000
PHP Max Post Size: 32M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
== WordPress Environment ==
Version: 6.9
Site URL: ***
Home URL: ***
WP Multisite: No
Max Upload Size: 32 MB
Memory limit: 10240M
Max Memory limit: 10240M
Permalink Structure: /%postname%/
Language: en_US
Timezone: America/New_York
Debug Mode: Active
== Theme ==
Name: Phlox Pro Child
Version: 1.5.32
Author: averta
Child Theme: Yes
Parent Theme Name: Phlox Pro
Parent Theme Version: 5.17.0
Parent Theme Author: averta
== User ==
Role: administrator
WP Profile lang: en-US
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:146.0) Gecko/20100101 Firefox/146.0
== Active Plugins ==
Elementor
Version: 3.34.0
Author: Elementor.com
Element Pack Pro
Version: 7.20.2
Author: BdThemes
Visibility Logic for Elementor
Version: 2.3.9
Author: StaxWP
== Must-Use Plugins ==
== Elementor Experiments ==
Inline Font Icons: Inactive by default
Additional Custom Breakpoints: Active by default
Container: Inactive by default
Optimized Markup: Inactive by default
Pro Free Trial Popup: Inactive by default
Nested Elements: Inactive by default
Pages Panel: Inactive by default
Elementor Home Screen: Active by default
Atomic Widgets: Inactive by default
Global Classes: Inactive by default
Enforce global classes capabilities: Active by default
Variables: Active by default
Cloud Library: Active by default
Editor v4 (Opt In Page): Active by default
Editor V4: Inactive by default
Components: Inactive by default
Interactions: Active by default
Editor one: Inactive by default
Import/Export Customization: Active by default
Elementor Editor Events: Inactive by default
Agreement
- I confirm I have read and followed all the guidelines and instructions outlined in the Elementor Bug Report form.
- I agree that my issue may be closed without further action if it doesn't meet all the requirements outlined in the Elementor Bug Report form.