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...

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...

Remove Arrow from Menu

add to child theme css add menu-home to menu module css id /* remove arrow from menu */ #menu-home .menu-item-has-children > a:first-child::after, .fullwidth-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children >...

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.

Contact Form 7 Made Auto Responsive

Contact Form 7 can be made auto responsive in a Divi site by simply adding in the appropriate CSS code to allow it to happen. Add the following to Custom CSS /* Contact Form7 mobile styling */ @media screen and (max-width: 768px){ .wpcf7 #Personal-Details, .wpcf7...

Restoring Lost Content in WordPress

Log into your WordPress Dashboard: In a browser, enter https://yourdomainname/wp-admin (if this does not work and you are a CharlesWorks web client, please give us a call or email us and we’ll help). Login with your administrative credentials (you should have been...