Get the Latest from Sniffle Valve
If you find this quick tip to be helpful and of use, consider buying Sniffle Valve a coffee
For help with the content presented in this quick tip, book a one-on-one online training session
Update: 28 June 2017
A big thank you to Joel Eade for this!
As you know, Elementor 1.5 introduced a new behavior for the editor icons for the Columns and Elements – you have to hover over them to see the other items. Another thing I had not noticed until Joel mentioned it was that the order of the icons for Elements is reversed; it doesn’t match the order of the Columns and Sections.
Thankfully Joel has provided a CSS fix for these two items and they are presented below:
The latest version of Elementor is in Release Candidate 2 stage at the time of this writing. One of the main User Interface (UI) changes is the display and functionality of the editor items within the Elementor editor area.
Many people, myself included, have found them to be quite small and difficult to see and access. That is why I came up with some custom CSS to help with that.
Here is what it looks like now, without the custom CSS:
This is what it’s like after entering the custom CSS, provided below, into Appearance > Customize > Additional CSS or, my favorite place, the Simple CSS plugin.
Notice that the Section items have been moved down and into the bounding box for the section. This can come in handy if your top Section is directly below your menu bar or header and you cannot access the controls. You may want to toggle that off if you don’t need it by commenting out the block of code that starts with /* Elementor 1.5 places section inside the box */ .
The result will be as shown below.