Blog
How To Make All Wp Form Field Same Width (With Custom CSS)
.wpforms-container .wpforms-field { max-width: 300px !important; } .wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month],...
How To Align Centre Divi Footer Copyright Text
Apply This CSS Code: #footer-info { width: 100%; margin:0 auto; text-align: center !important; } @media only screen and (min-width: 980px) { #footer-bottom .et-social-icons { margin-bottom:-28px; } } .bottom-nav { text-align: center; }
How To Create Collapse Submenus on Mobile For Divi
If you are using our free Divi child theme, place this snippet into the scripts.js file and remove the <script> tags at the beginning and end. Otherwise, place this in your Divi>Theme Options>Integrations tab in the "Add code to the < head > of your...
How To Change Divi Mobile Menu Color
Apply this CSS: /* Main header */ @media only screen and (max-width: 1000px){ #main-header{ background-color:#020202; } } @media only screen and (max-width: 980px) { #et-top-navigation span.mobile_menu_bar:before, #et-top-navigation span.mobile_menu_bar:after { color:...
How To Chnage The Design of Divi Default Menu
Apply This CSS code: #top-menu li li a { border: 1px solid whitesmoke; margin-bottom: 15px; text-align: center; } #top-menu li li a:hover { color: #ffde00; background: black; opacity: 1!important; } .nav li ul { border-top: 0px solid #0dbad8; margin-top: -10px; } .nav...
How To Change Divi Fullwidth Header Width
Apply This CSS Code: .et_pb_fullwidth_header { min-height:80px;padding: 10px 0 !important;}
How To Create Divi Fullwidth Contact Form Submit Button
user this CSS code: /** Divi Contact form full-width submit button **/ body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button { width: 97%; margin-left: 7px; margin-top: 6px; } body #page-container .et_pb_contact_form_0...
How To Create Button in Divi Menu Bar
place this code on menu: <span class="et_pb_more_button et_pb_button">Sample Button</span> then place this code in custom CSS: #et-top-navigation .et_pb_button { margin-top: 0px; font-size: inherit; font-weight: inherit; } #et-top-navigation...
How To Make Contact us Form Title Level Upward in DIVI Theme
Apply this CSS: /* chnage menu underline color in mobile */ .et_color_scheme_red .et_mobile_menu, .et_color_scheme_red .footer-widget li:before, .et_color_scheme_red .et_pb_pricing li:before { border-color: #00994c; }
How To Chnage Menu Underline Color On Mobile In Divi
Apply This CSS Code: /* chnage menu underline color in mobile */ .et_color_scheme_red .et_mobile_menu, .et_color_scheme_red .footer-widget li:before, .et_color_scheme_red .et_pb_pricing li:before { border-color: #00994c; }