Sun, 2021-10-24 09:21
Hi there, I have been using Elementor, a wordpress page builder for a while now and I have found and created some useful css snippets which may help anyone who is using Elementor. Here they are:
Text Editor without Bottom Margin
.elementor-text-editor p:last-child{ margin-bottom:0px;}
3 Way Gradient
.selector { background:linear-gradient(to bottom, rgba(255,255,255, <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> 0, #FFFFFF 33%, #FFFFFF 33%, #FFFFFF 66%, #FFFFFF 66%, rgba(255,255,255, <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> 100%); width: 100%; }
Different/Multiple Colour Text
<span style="color: #7A59C1;"> Chauffeur VIP </span>
Header Change Colour
/* -- Changing the menu background on scroll effect -- */
.elementor-sticky--effects { background: #ffffff!important; /* change the background color here*/ } .elementor-sticky--effects .sticky-menu-items ul li a /* change the menu text color here*/ { color: #7A59C1!important; } .elementor-sticky--effects, .sticky-menu-items ul li a { transition: .5s all ease-in-out; }
Hopefully these come in use 
