Divi Code

Divi Code
78 posts
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
Underline negative margin
<h2><span style="text-decoration: underline; text-decoration-color: #ffd9b7; text-decoration-thickness: 14px; text-underline-offset: -7px; text-decoration-skip-ink: none;">Big Solutions</span> for Small Businesses</h2>
Oct 17, 20231 min read4
Slider Description animation - Slide Out Blur
/* Slider Description animation - Slide Out Blur */ .et_pb_slide_description { -webkit-animation: slide-out-blurred-right 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both; animation: slide-out-blurred-right 0.45s cubic-bezier(0.755...
Sep 10, 20231 min read5
Slide Description animation - Slide right
/* Slide Description animation - slide right */ .et_pb_slide_description { -webkit-animation: slide-right 29.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-right 29.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) bot...
Sep 10, 20231 min read6
Change toggle icon
.et_pb_toggle_open h5.et_pb_toggle_title:before { content: "\e04b" !important; font-family: ETmodules !important; } .et_pb_toggle_close h5.et_pb_toggle_title:before { content: "\e04c" !important; font-family: ETmodules !important; }
Jun 4, 20231 min read23