Many people like the idea of adding forms to their sites as a means of collecting information from site visitors. Anything requiring more time from the web developer will drive the website cost up. The same goes for the additional back and forth between the developer...
Design
Divi boxed layout – full width on mobile
add following to css /*** Full Width On Mobile ***/ @media (max-width: 481px) { .et_boxed_layout #page-container { max-width: 100%!important; width: 100%!important; } #main-header, #top-header { max-width: 100%!important; width: 100%!important; } }
Page Background Changes Example in a Divi Site
This is a very brief informational post just showing by example of a change to the background in a page. I wanted to make changes to end up with the same (or a similar) background on most of the website's pages. I also wanted the background to be a muted version of a...
Viewing Google and Divi fonts
There are some instructions for using high quality fonts here: https://developers.google.com/fonts/ The actual listing of fonts is here: https://fonts.google.com/
Avoid Typography Widows or Orphans
add the following to functions file /** * Avoid Typography Widows */ function kl_avoid_content_widows( $content ) { $pattern = '@(?:\s)([[:punct:][:word:]]+)(?:\s)(?!/>)([[:punct:][:word:]]+)(?:\s)([[:punct:][:word:]]+)</(p|h1|h2|h3|h4|h5|h6)>@m';...
How to fix stuck menu headers in Divi sites
If you view a Divi site and see the menu not properly scrolling or transitioning to a sticky menu you can first try these steps: Log into the admin dashboard Go to Appearance > Customize Click on Header & Navigation Make small edits to the Fixed Navigation...
External Image Importing
If you're moving high volumes of site content from a non-wordpress site and it contains embedded images, instead of finding each image and saving and reuploading it, this plugin will allow you to import images into the wordpress media library and update all the embed...
Remove Arrow from Menu
add to child theme css /* remove divi default effects for items with a drop down menu */ #top-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;} #top-menu .menu-item-has-children > a:first-child:after{content:...
Optimize Divi for iPad View
At CharlesWorks our favorite theme these days is Divi, by Elegant Themes. We highly recommend it as it allows for much customization which is key in providing unique aesthetics for websites. The Divi theme has built-in settings for responsiveness for numerous devices...
Customize sidebar
Add to CSS .widgettitle { text-align:center; font-size:18px; padding-bottom: 20px; } .et_pb_widget ul li { background-color: #333333; padding: 10px 10px; color: #fff; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase;...