603-924-9867Resources
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';...
OG (Open Graph) meta data
This article speaks to the best practices for link previews in messages: https://developer.apple.com/library/archive/technotes/tn2444/_index.html
Parallax CSS
/* parallax hack */ .et_parallax_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: bottom center; background-size: cover; }
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...
Protected: Generate Privacy Policy
Password Protected
To view this protected post, enter the password below:
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.
