Linear gradient css for text
Inline css
<span style="background: linear-gradient(to right, #5AC5C7 0%, #5af9c8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;">Place your text here</span>
34 views
Command Palette
Search for a command to run...
Comments
Join the discussionNo comments yet. Be the first to comment.
More from this blog
Outline text
<span style="color: #000000; -webkit-text-stroke-width: 2px; stroke-width: 2px; -webkit-text-stroke-color: #FFFFFF33; stroke: #FFFFFF33;">design</span>
May 20, 20241 min read58
Breakpoint Menu (current)
/* Menu Breakpoint */ @media only screen and (max-width: 1149px) { .et_pb_menu .et_pb_menu__menu { display: none; } .et_mobile_nav_menu { display: block } } /*remove bullet points from submenu*/ #left-area ul, .entry-...
May 16, 20241 min read8
Float up and down effect
Paste the code below into the main element field of the advanced settings of the module. animation-name: updown; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; margin-left: 0px; ...
May 16, 20241 min read9
Change the placeholder of the option email module
<script> jQuery(function($){ $("#et_pb_signup_email").attr("placeholder", "Your New Text"); }); </script> Credit: https://divi.help/threads/email-optin-change-email-field-name.8235/
May 14, 20241 min read33
Stop menu items from breaking
Before After CSS /* Menu no wrap ul */ .et_pb_menu .et_pb_menu__menu>nav>ul {flex-wrap: nowrap;}
Oct 18, 20231 min read5