Elementor 2.5 tutorial: Customise Text Editor Columns with Custom CSS

by | Sep 6, 2021 | 0 comments

Elementor 2.5 tutorial: Customise Text Editor Columns with Custom CSS

by | Sep 6, 2021 | CSS Tips and Tricks | 0 comments



Hey designers! Learn how to customise and enhance Elementor text editor columns in latest 2.5 update that’s about to come out real soon.

Get Elementor Pro:
https://bit.ly/designelementorpro

**Some quick links below**
Join the community: https://www.facebook.com/groups/designschoolwp
10 new features in Elementor 2.5: https://youtu.be/7zD-oYl7GAs
Elementor Custom breakpoints: https://youtu.be/xY0_iC72ca4

**Copy the code from below**
/* Other Values for column-rule dashed, groove,solid,double,ridge,inset,outset*/

selector{
-webkit-column-count: 3;
-webkit-column-gap: 15px;
-webkit-column-rule: 1px dotted blue;
-moz-column-count: 3;
-moz-column-gap: 15px;
-moz-column-rule: 1px dotted blue;
column-count: 3;
column-gap: 15px;
column-rule: 1px dotted blue;
}

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>