✅ Elementor 1.5.0 - Beta Release (RC3 updated) #1827

arielk · 2017-06-12T14:16:00Z

===========

RC3 UPDATED - PLEASE READ BELOW!

===========

Hi Beta tester,

Elementor 1.5 is an important release and includes many exciting features. Please review it carefully.

Let's review the changes we have introduced:

UI Editor

This version includes some major improvements in the editor itself.

We introduced a separation between the section and column management, so users can select sections or columns much more easily.
We added an 'Add Section' button to the section settings, so as to enable users to add a new section between existing sections. You no longer need to drag sections for that.
We re-wrote and vastly improved the entire drag and drop functionality.
We added the option to set a specific numeric column width inside the panel. We also added a visible column width scale that appears between columns when you resize them.

Design

Element Hover: We added another style setting for regular and hover states. With this setting, you can control the hover states for: background, background overlay, border, border radius, box shadow.
Added responsive mode for Column Width control (Including Tablet! Responsive column settings for tablet portrait and landscape #418)
Added an inset option for box-shadow.
Added Control over the spacing between the widgets. You can define this globally on Elementor settings screen or #specifically per column.
Added the ability to control the delay of Entrance animation.

Version Control

You can now downgrade to a previous version of Elementor and Elementor Pro from the Elementor settings page (Elementor > Tools > Versions).
You can set Elementor to notify about beta plugin updates. Use this option if you would like to test new beta versions on your development environment.

Other new features

We added the ability to customize mobile editing for: Image, Image box, image carousel, divider and minimum section height.
We improved the accessibility of our editing panel.
Added the possibility to define every link as no-follow.
Added tabs to the Elementor settings area in the dashboard.
Added control over the HTML tag for section and columns, including div, section, aside, header, footer, etc...
Added control over Z-Index for each element (Advanced Tab > Element Style > Z-Index)
Compatibility with the new WordPress 4.8 widgets (Rich Text, Image, Video and Audio).

Notes:

In order to add compatibility to the new Z-Index option, we had to delete the valuez-index: 1; from the class .elementor-widget-wrap. This may cause issues for past pages built with Elementor, if you've used negative margins in past. In order to deal with these issues, you can use the new Z-Index control.
If you are using Elementor Pro, please update to the latest 1.5.2 version for maximum compatibility.
Deprecated: Mobile Width control is no longer supported. Please use the Column Width control in the Layout tab instead.

Instructions what exactly to do

You are invited to download the new Beta RC3 here:
https://downloads.wordpress.org/plugin/elementor.1.5.0-RC3.zip
This is not a stable version and we advise to use it in your dev website. We would really appreciate if you could do as many tweaking and testing of the different options, to squeeze out any possible bugs.
Designated time for release: June 26 28, 2017

For bugs and remarks, please reply with a comment below!

Many thanks for your support and help!

Elementor Beta - Sign Up Now For Our Elite Group Of Early Access Testers

The text was updated successfully, but these errors were encountered:

WPDevHQ · 2017-06-12T14:49:40Z

@arielk Elementor Pro 1.5.1 not available yet? Or did you mean 1.5.0?

copen8 · 2017-06-12T15:03:53Z

I might have found a possible bug in the new hover settings.
I created a heading widget, and set a green background inside the widget then its normal mode. When I tried to add a gradient effect then you hover the widget. The effect itself works but there is something not right with the transition duration.
No matter what value I put in the transition duration it won't effect the transition as it supposed to.

Worth notice then I switched to a solid color instead of gradient in hover-mode, the transition duration worked just fine.

*Update
The same problem occured in column and section background too.
And the transition duration problem occured also then i had a solid color in normal mode and an image in hover mode.

But then I had image in normal mode and an image in hover mode,the transition duration works!

arielk · 2017-06-12T15:18:52Z

@WPDevHQ Pro V1.5.1 has already been released in the last hour, please check it again.

WPDevHQ · 2017-06-12T15:43:49Z

Got it now, thanks

copen8 · 2017-06-12T17:16:54Z

Possible issue with Z-index(first of all I really like this feature and I think it will help me and others to create stunning design)

But...

I tried to use the z-index option. For me it works fine then I used positive values. But as soon as you set a negative z-index e.g -1 z-index the problem started.

My config:
I created one section, with one column and a heading widget inside the column . I added negative z-index value which resultated in that I was not able to select section,nor column nor heading-widget.

The only way to restore the page was to go via the google chrome inspection tool and from there put in positive z-index value because i could not select the elements through Elementor.

Maybe am I doing it wrong?

copen8 · 2017-06-12T17:35:48Z

Issue with video background

Video background for my section don't work. It works when you are in edit mode. But on the live site nothing happens. It's just white.

Update 15 june 2017- I deactivated some plugins and now video background for my section works again.

carasmo · 2017-06-12T18:03:56Z

The .zip has many Illegal string offset 'height' and Illegal string offset 'width' where is the other zip? I can't find it.

carasmo · 2017-06-12T18:06:01Z

With the file https://downloads.wordpress.org/plugin/elementor.1.5.0-RC1.zip I get bunches of errors here: wp-content/plugins/elementor/includes/controls/groups/image-size.php on line 105

pingram3541 · 2017-06-12T23:10:14Z

First how do we get notifications about beta releases? I just happened to discover this topic coming here to find out why custom css is gone for every except page and sections. We need an explanation quick please, I will not upgrade any of my sites for fear of breaking them.

LearnWPBasics · 2017-06-13T00:40:32Z

So far so good with what I have been able to test 👍

And thank you SO much for manual column widths! :)

However, I am not all fond of the new "hover" behavior for the widget's edit, duplicate, save and delete functionality. It increases the workflow. For example, say I wanted to duplicate a text widget. Previously, all I needed to do was hover in the text widget and the selections would appear where I could go directly to the duplicate icon. The way it is now, I have to first go to the edit icon and hover and THEN select the duplicate icon. Doesn't seem like much if one is doing it "here and there" but if one is doing all day, every day, I can feel the arthritis in my shoulder acting up! LOL :) Long story short: I prefer the current method.

I do really like the separation of the columns and sections though! The addition of the "Add" for sections is really going to make a positive difference .

While on the subject of these items, is there any specific reason they need to be that small? First thing I do on an Elementor install is add the CSS I came up with to increase the size and add some padding. I've already adjusted the CSS for 1.5 ;) My (and I am sure many others) eyes aren't what they were 30 years ago! LOL

All in all, a fantastic update! Keep up the awesome work 👍

joshmarom · 2017-06-13T07:01:06Z

Hi @pingram3541 .
In order to get notified about new beta releases, you may join our beta testers group here: https://my.elementor.com/beta/
Additionally, as mentioned by the op, from this version on,

You can set Elementor to notify about beta plugin updates. Use this option if you would like to test new beta versions on your development environment.

KingYes · 2017-06-13T08:20:16Z

@carasmo Did you have any custom code on your site? Maybe one plugin add/remove the image sizes from WP? If you, please share with me..

joshmarom · 2017-06-13T10:59:43Z

@copen8 Regarding the transition on hover, you need to understand how CSS works and only expect what can be achieved with CSS.
A transition is only applicable between two values of the same property, for example: from one color to another, or from one opacity value to another, but not from one property to another property (background-color to background-image).
It's also worth mentioning that to date, it is not possible to have a transition between two gradients.

cavalierlife · 2017-06-13T17:08:37Z

Love the new features. I especially like the UI editor changes and the additional hover states available. The only issue I've seen so far is with the animation delay. I set an element to animate, then applied a delay (tried various amounts of time delay), and it first animates the element once, then waits the required amount of delay time, and then animates it again. I expected it to not animate at all until after the delay time set. Maybe my expectations of the feature are wrong.

badcat · 2017-06-13T21:24:22Z

In 1.5.0-RC1 - from the Elemetor > Settings sub menu, the other tabs (General, Advanced) are not selectable. Issue with the JS? I have no other plugins active. The same issue occurs with Elementor > Tools - Tabs are not selectable (Replace URL, Versions, Maint Mode)

pingram3541 · 2017-06-13T21:27:41Z

@badcat I can confirm they are indeed working on my install. Do you see any browser console errors?

badcat · 2017-06-13T21:30:40Z

@pingram3541 Interesting... they do work in Chrome 59 and Firefox 54 but not in Safari 10.1.1

pingram3541 · 2017-06-13T21:34:34Z

@badcat, yep, confirmed same here.

badcat · 2017-06-13T21:43:12Z

1.5.0 RC1 - Should pressing the Save Changes button from any of the sub tabs (Style, Adv etc) on Tools or Settings send the user back to the first "General" tab?

crsmoore · 2017-06-14T00:05:23Z

Not sure if this issue has been raised yet, but why does the "Add New Section +" button add a section ABOVE the current one. Wouldn't it make more sense to have it add a new Section BELOW the one you're working on, as you usually create a page from top to bottom?

Better yet, maybe having a way to "Add Section Above" / "Add Section Below" could be the be-all, end-all for this entire discussion. :)

crsmoore · 2017-06-14T00:07:11Z

I also agree with some of the comments above that some of the main editor design controls are a little too small now. They are really hard to work with, select, and see in some cases, haha...

cc: @LearnWPBasics

pingram3541 · 2017-06-14T00:09:40Z

I agree, that makes sense to me too but then again you already have a way to add a new section below. I think that is what they were going for, when wanting to add a section above an existing one you now don't have to add one below and then drag it up, this handles that for you.

The way I initially interpreted the feature as described above was I thought it was just an easier way to add inner sections within an existing one right from it's hover menu but I was a tad off in that assessment =)

crsmoore · 2017-06-14T00:12:30Z

@pingram3541 - I personally think they should have a way to "Add Section Above" / "Add Section Below" and be done with it all in one shot. :)

pingram3541 · 2017-06-14T00:12:50Z

@badcat "Should pressing the Save Changes button..." Yes, it's actually one page so technically you can make changes in all tabs and then save once.

Micemade · 2017-06-14T08:09:36Z

I can confirm a this error ( as carasmo ), too:
Warning: Illegal string offset 'height' in ... \wp-content\plugins\elementor\includes\controls\groups\image-size.php on line 105
As someone mentioned, it's great you made adding section above existing, but making "Add section above" and "Add section bellow" would be even greater. And (a feature request) - some kind of (created) sections drag and dropper in left sidebar ... because dragging sections is a bit of a nag

tscheipi · 2017-06-14T10:17:22Z

"We introduced a separation between the section and column management, so users can select sections or columns much more easily" --> it´s very hard to meet:

tscheipi · 2017-06-14T10:26:36Z

"We added the option to set a specific numeric column width inside the panel" --> do you mean the column size in the layout? if yes: doesn´t work here; if not: where to find?

anandau · 2017-06-22T05:02:54Z

In one of my Elementor Addon, i am using Elementor's js hook.

Sample Code

elementorFrontend.hooks.addAction( 'frontend/element_ready/ae-woo-tabs.default', function( $scope ) {

   // some code here

});

In earlier version (till 1.4.9) it is working fine but now in 1.5 RC2 it is following throwing error.
"Cannot read property 'addAction' of undefined"

It this a bug or there is some change in JS hook api.
I checked the docs section but couldn't find any change.

KingYes · 2017-06-22T05:08:24Z

@anandau

You need wrap your code by this:

jQuery( window ).on( 'elementor/frontend/init', function() {
    // Here write your code...
} );

anandau · 2017-06-22T05:44:55Z

@KingYes
Thanks a lot. Issue resolved :)

anandau · 2017-06-22T05:58:06Z

@KingYes
Your suggestion is working fine on frontend.
But in 1.4.9 same script was also working for editor preview.
Do i need to make any changes to make it working in editor preview.

anandau · 2017-06-22T06:06:57Z

@KingYes

Issue resolved. Its working fine now.

arielk · 2017-06-25T14:27:15Z

Hi Everyone!

Elementor 1.5.0 RC3 is available for testing.

You can get it by going to Elementor > Tools > Versions, and enabling the beta tester feature. You can also follow the link below.

This version fixes a bunch of issues from 1.5.0 RC2:

Tweak! - Limit up to 100 revisions to display in the panel for better performance
Tweak! - Setting Buttons size slightly increased (✅ Elementor 1.5.0 - Beta Release (RC3 updated) #1827 (comment)) thanks @LearnWPBasics
Fix! - Bug Image Carousel widget in RTL direction
Fix! - Structure control view UI glitch (✅ Elementor 1.5.0 - Beta Release (RC3 updated) #1827 (comment)) thanks @JoelEadeDesign
Fix! - Empty columns widget view min-height (✅ Elementor 1.5.0 - Beta Release (RC3 updated) #1827 (comment)) thanks @copen8

If you haven’t tested 1.5.0 yet, now is the time! You are invited to download the new Beta RC3 here:
https://downloads.wordpress.org/plugin/elementor.1.5.0-RC3.zip

The release is scheduled for Wednesday, June 28, 2017, so if you found any bug or error, please reply with a comment below!

Many thanks for your support and help!

arielk · 2017-06-28T12:09:35Z

V1.5 finally released. Thanks everyone!!

carasmo · 2017-06-28T13:03:52Z

Really great! I would only make the selectors larger. I did it with CSS and the user can click an option which changes the body class for admin users.


.elementor-view-helper.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-setting {
    font-size: 18px;
    width: 45px;
    height: 45px;
}

.elementor-view-helper.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings {
    height: 45px
}

crsmoore · 2017-06-28T13:44:34Z

I think that's too big Christina. Maybe the team could add a control in Elementor > Settings or Tools that allows a certain range, which wouldn't break the Editor? ~~ Sent from an iPhone ~~

…

On Jun 28, 2017, at 9:03 AM, Christina ***@***.***> wrote: Really great! I would only make the selectors larger. I did it with CSS and the user can click an option which changes the body class for admin users. .elementor-view-helper.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-setting { font-size: 18px; width: 45px; height: 45px; } .elementor-view-helper.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings { height: 45px } — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or mute the thread.

carasmo · 2017-06-28T14:05:33Z

Since they are positioned absolute, it doesn't break the editor. And, though I haven't used Elementor on the iPad, 44px is the min. recommended for fingers.

I like it bigger, but with my settings, it's a choice if the user doesn't like it, he or she can turn it off and go back to the 26px.

crsmoore · 2017-06-28T14:09:00Z

I didn't say yours broke the editor. :) Just suggesting the team provide a range in Elementor > Settings that would allow people to choose their own number within a preapproved range that wouldn't break the Editor at all or mess up how it looks. ~~ Sent from an iPhone ~~

…

On Jun 28, 2017, at 10:05 AM, Christina ***@***.***> wrote: Since they are positioned absolute, it doesn't break the editor. And, though I haven't used Elementor on the iPad, 44px is the min. recommended for fingers. I like it bigger, but with my settings, it's a choice if the user doesn't like it, he or she can turn it off and go back to the 26px. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or mute the thread.

carasmo · 2017-06-28T15:18:45Z

That's a good idea!

VerdiH · 2017-06-28T18:40:03Z

@carasmo Thank you for the snippet, I've added it to our Community Board with shared resources:

https://trello.com/c/X4fNFqKW

@arielk and everyone at Elementor: Congratulation, truly awesome update! Thank you for letting me part of this beta.

LearnWPBasics · 2017-06-28T18:44:00Z

Ver3 - I already had this back on the 20th and posted it in the E FB gorup :)
http://snifflevalve.com/enhance-display-of-editor-items-in-elementor-1-5/

Cheers!
Lyle

VerdiH · 2017-06-28T19:07:30Z

@LearnWPBasics Apologies Lyle, there's just so much info Lately, it's hard to keep the Board updated. I wish I had an intern :-)

Updated the card though! https://trello.com/c/X4fNFqKW

JoelEadeDesign · 2017-06-29T00:54:34Z

Having to hover the Edit icon to see the Column and Element editing icons really bugs me (feels slower and unintuitive) so I've added this to my style sheet:
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings .elementor-editor-element-trigger:not(.elementor-active)~.elementor-editor-element-setting { width: 25px !important; font-size: 11px !important; }

The order of the icons also irks me. Sections and Columns have the Clone and Delete icons to the right of the "primary" icon but it's reversed for Elements. Here's how to switch it back:
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings { flex-direction: row !important; }

LearnWPBasics · 2017-06-29T03:51:50Z

Joel - thank you so VERY much for this! Works perfectly 👍

I have no idea why they decided to go with the hover idea; a step backwards in workflow. Never really noticed the reverse order of the element icons until you mention it; great to have it reversed now and consistent with the Sections.

Would you mind if I added this to the Quick Tip to enhance the display of editor items that I noted above? I will definitely make note of the source :)

Cheers!
Lyle

JoelEadeDesign · 2017-06-29T04:01:26Z

Hey @LearnWPBasics :) Awesome. Glad you liked the tweaks. Feel free to use it however you like :) Cheers mate

LearnWPBasics · 2017-06-29T04:02:40Z

Thanks Joel! :) Will update the post now :)

sicuro · 2017-06-29T04:17:38Z

I update my plugin, but, right now, scripts functions do not working... how i solve that?

VerdiH · 2017-06-29T07:35:28Z

@JoelEadeDesign Thanks for the snippets, very helpful. Ive added them to this card:

https://trello.com/c/X4fNFqKW

@LearnWPBasics This time I immediately included your link ;-)

arielk added the help wanted Announcements that request help from users, like Public Beta testing programs. label Jun 12, 2017

arielk added this to the 1.5.0 milestone Jun 12, 2017

arielk mentioned this issue Jun 13, 2017

Elementor prevents plugins that insert content from working #1826

Closed

arielk changed the title ~~Elementor 1.5.0 - Beta Release (RC2 updated)~~ Elementor 1.5.0 - Beta Release (RC3 updated) Jun 25, 2017

This was referenced Jun 25, 2017

[Feature request] SEO & more customization #1138

Closed

Animation starts after page has already loaded. #1879

Closed

arielk closed this as completed Jun 28, 2017

nicholaszein changed the title ~~Elementor 1.5.0 - Beta Release (RC3 updated)~~ ✅ Elementor 1.5.0 - Beta Release (RC3 updated) Sep 23, 2023

nicholaszein added solved Indicates that an Issue has been Solved, or a Feature Request has been Released. mod* announcement Used for general announcements. labels Sep 23, 2023

elementor locked and limited conversation to collaborators Sep 23, 2023

✅ Elementor 1.5.0 - Beta Release (RC3 updated) #1827

✅ Elementor 1.5.0 - Beta Release (RC3 updated) #1827

Comments

arielk commented Jun 12, 2017 • edited Loading

RC3 UPDATED - PLEASE READ BELOW!

UI Editor

Design

Version Control

Other new features

Notes:

Instructions what exactly to do

WPDevHQ commented Jun 12, 2017

copen8 commented Jun 12, 2017 • edited Loading

arielk commented Jun 12, 2017 • edited Loading

WPDevHQ commented Jun 12, 2017

copen8 commented Jun 12, 2017 • edited Loading

copen8 commented Jun 12, 2017 • edited Loading

carasmo commented Jun 12, 2017

carasmo commented Jun 12, 2017

pingram3541 commented Jun 12, 2017

LearnWPBasics commented Jun 13, 2017

joshmarom commented Jun 13, 2017 • edited Loading

KingYes commented Jun 13, 2017

joshmarom commented Jun 13, 2017

cavalierlife commented Jun 13, 2017

badcat commented Jun 13, 2017

pingram3541 commented Jun 13, 2017

badcat commented Jun 13, 2017 • edited Loading

pingram3541 commented Jun 13, 2017

badcat commented Jun 13, 2017

crsmoore commented Jun 14, 2017 • edited Loading

crsmoore commented Jun 14, 2017 • edited Loading

pingram3541 commented Jun 14, 2017

crsmoore commented Jun 14, 2017 • edited Loading

pingram3541 commented Jun 14, 2017

Micemade commented Jun 14, 2017 • edited Loading

tscheipi commented Jun 14, 2017

tscheipi commented Jun 14, 2017

anandau commented Jun 22, 2017

KingYes commented Jun 22, 2017 • edited Loading

anandau commented Jun 22, 2017

anandau commented Jun 22, 2017

anandau commented Jun 22, 2017 • edited Loading

arielk commented Jun 25, 2017 • edited Loading

arielk commented Jun 28, 2017

carasmo commented Jun 28, 2017

crsmoore commented Jun 28, 2017 via email

carasmo commented Jun 28, 2017

crsmoore commented Jun 28, 2017 via email

carasmo commented Jun 28, 2017

VerdiH commented Jun 28, 2017

LearnWPBasics commented Jun 28, 2017

VerdiH commented Jun 28, 2017

JoelEadeDesign commented Jun 29, 2017 • edited Loading

LearnWPBasics commented Jun 29, 2017

JoelEadeDesign commented Jun 29, 2017

LearnWPBasics commented Jun 29, 2017

sicuro commented Jun 29, 2017

VerdiH commented Jun 29, 2017

arielk commented Jun 12, 2017 •

edited

Loading

copen8 commented Jun 12, 2017 •

edited

Loading

arielk commented Jun 12, 2017 •

edited

Loading

copen8 commented Jun 12, 2017 •

edited

Loading

copen8 commented Jun 12, 2017 •

edited

Loading

joshmarom commented Jun 13, 2017 •

edited

Loading

badcat commented Jun 13, 2017 •

edited

Loading

crsmoore commented Jun 14, 2017 •

edited

Loading

crsmoore commented Jun 14, 2017 •

edited

Loading

crsmoore commented Jun 14, 2017 •

edited

Loading

Micemade commented Jun 14, 2017 •

edited

Loading

KingYes commented Jun 22, 2017 •

edited

Loading

anandau commented Jun 22, 2017 •

edited

Loading

arielk commented Jun 25, 2017 •

edited

Loading

JoelEadeDesign commented Jun 29, 2017 •

edited

Loading