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...
Design
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;...
Constant Contact Subscriber Forms
I have found that all round best plugin to use for Constant Contact subscribe forms is Constant Contact Forms by MailMunch. It is simple, and has options to create popup forms, add fields, and looks nice.
Changing default slider arrow on Divi Slider
https://divi-professional.com/how-to-change-default-slider-arrow-icon-on-divi-slider-modules-via-css/