elementor / elementor/elementor

⛔ 🔗 🐞 Widget Margins are added to .elementor-widget-container instead of .elementor-widget

Open
#24,626 1 comment 0 reactions 0 assignees View on GitHub
compatibility/backwards control/dimensions mod/c* type/layout widgets
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

while adding margin, the whole width is stretching like padding.
https://prnt.sc/ptHMQIA58F0I

### Steps to reproduce

1.add text
2. add border
3. add margin
4. check the width of the div

### Expected behavior

the width should be same as the text field

### Isolating the problem

- [ ] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
- [ ] 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

Click to reveal

````txt

== Server Environment ==
Operating System: WINNT
Software: Apache/2.4.47 (Win64) OpenSSL/1.1.1k PHP/7.4.19
MySQL version: MySQL Community Server (GPL) v5.7.33
PHP Version: 7.4.19
PHP Memory Limit: 512M
PHP Max Input Vars: 1000
PHP Max Post Size: 2G
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 6.4.2
Site URL: http://test.rishi
Home URL: http://test.rishi
WP Multisite: No
Max Upload Size: 2 GB
Memory limit: 40M
Max Memory limit: 512M
Permalink Structure: /%year%/%monthnum%/%day%/%postname%/
Language: en-US
Timezone: 0
Debug Mode: Active

== Theme ==
Name: Rishi
Version: 1.2.2
Author: Rishi Theme
Child Theme: No

== User ==
Role: administrator
WP Profile lang: en_US
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

== Active Plugins ==
Elementor
Version: 3.18.3
Author: Elementor.com

WooCommerce
Version: 8.3.0
Author: Automattic

WP Reset
Version: 1.98
Author: WebFactory Ltd

== Elementor Experiments ==
Optimized DOM Output: Active by default
Improved Asset Loading: Active by default
Improved CSS Loading: Active by default
Inline Font Icons: Active by default
Additional Custom Breakpoints: Active by default
admin_menu_rearrangement: Inactive by default
Flexbox Container: Active by default
Upgrade Swiper Library: Active by default
Grid Container: Inactive by default
Editor Top Bar: Inactive by default
Optimized Gutenberg Loading: Active by default
Build with AI: Inactive by default
Landing Pages: Active by default
Nested Elements: Inactive by default
Lazy Load Background Images: Inactive by default
Optimize Image Loading: Active by default
Global Style Guide: Active by default

== Log ==

Log: showing 5 of 52023-12-21 08:57:23 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.17.3',
'to' => '3.18.3',
)]
2023-12-21 08:57:24 [info] elementor::elementor_updater Started
2023-12-21 08:57:24 [info] Elementor/Upgrades - _on_each_version Start
2023-12-21 08:57:24 [info] Elementor/Upgrades - _on_each_version Finished
2023-12-21 08:57:24 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.17.3',
'to' => '3.18.3',
)]

== Elementor - 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

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.