elementor
🚀 Feature Request: Improve numeric fields to allow individual units, keywords and CSS functions()
Now, when starting to edit margin/padding values, all are set to 0. It would be more convenient to have a possibility to change only individual values and the rest leave as set by default (or as set on previous breakpoint).
E.g.: I have set the column gap to wide, but I need even more space on the top and bottom. So I move to Advanced panel and unclick the "link values together" option to change the top to 60px. Unfortunalely, all the values are set to 0 and my gap settings are gone.
I know, I can write the values back or do the top-bottom-gap setting other way, this was just an examle.
This feature would be also useful, when the section's padding/margin defaults are set in template and you want to override only some of the them (and actually not knowing, what the other values are).
Not sure If it is possible, but it would be definitelly a big timesaver.
I agree. This would be a timesaver since most people won't know what the default padding values are.
I noticed Beaver Builder allows you to override padding and margins for each side (top, left, bottom or right) while keeping the default values in place for the remaining sides.
So, instead of outputting this: "padding: 40px 0 0 0;", it would be preferable if Elementor handled padding on a side-by-side basis like this: "padding-top: 40px"
+1 on this request. It's been countless times that I try to guess the current paddings by entering them into the boxes just so that I can then switch off the synchronous edit and change only the one that I need.
Please consider making every side isolated.
And maybe consider the option to enter mixed units as well. As mentioned here: #2413
Edit: Sorry, I selected the wrong issue. I meant this one: #3319
It's getting very frustrating to see so many updates (large and small) to Elementor yet this HUGE gaping hole (that Visual Composer supported from the outset) - still not addressed.
Any plugin rep reading this thread?
The whole responsive editing UX is somehow broken and in this case it's not only the UX.
Somehow also connects to #7575 but indeed the issue here makes it even worse.
Unortunaately, there is no JS API (except a few very basic filters) so its impossible to code something to really alter the editor... like a plugin.
Please fix this, this is silly. So frustrating not to be able to simply and quickly add or remove a padding/margin without having to set every others again. Even Divi could make it in its early days ;-)
It's crazy how many releases these guys put out fixing other (smaller) problems, when this is a gaping hole against their competitors. As we are all developers, I think we can guess at the LoE to implement this feature (i.e. not that high) :(
OK, today is 2 year anniversary of this issue - happy birthday! 😉 🎂 🎉 So it's a good day to ask for some news - are there any?
I know, it's not such a crucial problem, but honestly: how difficult this request would be to implement? Just don't fill up zeros when unclicking the "link values together" option and output the values separately ("padding-top: 40px" instead of "padding: 40px 0 0 0;"). How much time this could take?
It seems the next free and pro version will be focused on better CSS editing - this would be a really nice opportunity to implement this feature too.
@bainternet @shilo-ey ? Thanks
I'm not convinced anyone from the dev team actually reads these issues, but happy cakeday to this one nonetheless :D
@shilo-ey This is great news - but do you have any more detail on it? I see 2.9.2 is the latest release but this issue still remains. How is this still an open issue when it's so basic? Or am I missing some bigger picture? Could you at least supply some tech info as to why this is hard to implement because it seems pretty straightfoward. Thanks!
This is ridiculous! Should have been fixed A LONG TIME AGO!! ELEMENTOR are you listening?
@arwvisions Pretty sure they are not. Also pretty sure any dev on this thread could probably whip up a simple split-parameter UI to store these T|R|B|L values... there's either a bigger picture here, or Elem just don't care 🤷
@twiginteractive Yup looks that way. Sucks tho, I love elementor, but I may get outvoted and we switch back to VC :(
@arwvisions Heh sadly, Elem still crushes VC even with this glaring omission. I was a deep VC dude for a long time (wrote a couple custom widgets etc.) but couldn't go back now just based on this. Ho hum.
@twiginteractive I agree 100% but I'm just a gun for hire :) So not always up to me which plugin we use.
Surprised this didn't make it into 3.0, I really hope this functionality is added soon. Might submit a PR if I get any free time this year.
Another thread was merged with this one, even though their points were slightly different.
I want to be able to add in custom unit types - vmin, vmax, var(--sm-pad);
To add variables to our CSS in the UI would be amazing. Oxygen and Bricks are crushing Elementor with this functionality.
The fact the editor is still constrained to one type of margin/padding unit control in 2021/22 is really a bizarre one.
For the most part I've managed to get by with the way it is, but this is probably one of those small UI/UX things using Elementor that crops up regularly for me and makes me so frustrated I'm stuck with a single unit option for all.
I can only hope that with the new container layout engine coming this situation will be improved at the same. I shouldn't have to resort to custom code if I want to for example have fixed pixel padding top/bottom, but percentage values left/right, or even better have a manual option to use calc or var values etc. I think all other builders that are a serious competitiion to Elementor have this level of control now.
The last update on this from Elementor was back in early 2020 and this is still open without feedback or resolution, so @shilo-ey @bainternet @DorShahar come on, do you have any updates for us in relation to new container layouts and whether we can expect improved margin/padding controls any time soon?
Thanks
@eastriverstudio Sadly the Elementor devs don't watch these threads. This issue was reported over FOUR YEARS AGO, and is such a trivial implementation it should have been taken care of by now. Visual Composer is a clunky dinosaur compared to Elementor, but they manged this "impossible task" before this ticket was even open :(
Hi @arielk , Can we use "calc" values in width fields using this feature that will be added in version 3.10? Also, in the margin and padding fields, can we use auto values?
thank you in advance
Hi @Michaelgimii,
Can we use "calc" values in width fields using this feature that will be added in version 3.10?
Yes :)
Also, in the margin and padding fields, can we use auto values?
Yes ;)
Basically we are working on it these days, I hope everything will go well for v3.10
We reported this issue over 4 years ago - can't wait to see a fix! 🤞🏻
I'm glad to see this is being worked on it's even more vital now we have flexbox which doesn't take gap subtraction into account.
Hi All,
We have just merged a new tweak that solve this issue for the next version 3.10 (beta soon), please see the screenshot
https://user-images.githubusercontent.com/1778512/206906497-fb879871-7db5-49c9-965b-b1cbcf502cb5.mov
@arielk OK, that's nice, but please don't forget, that the original purpose and title of this issue was "[Feature request] Individual margin/padding values". Will this issue be resolved as well?
@black-eye Sure! see here:
https://user-images.githubusercontent.com/1778512/206911850-a07e2440-f025-47de-b3eb-e9c8bd0caddf.mp4
@arielk OK, good. And what about the situation, when I want to change only some of the paddings/margins, e.g. TOP? From the video it seems, that the moment you unlink the values (the chain icon) all the values are still reset to zeroes. This is very unfortunate solution... :-(