No replies
Louis Websdale
Louis Websdale's picture
Offline
newbie
United Kingdom
Last seen: 36 weeks 3 days ago
United Kingdom
Timezone: GMT+1
Joined: 2021-10-23
Posts: 1
Points: 2

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 Laughing out loud