Adding a Text Link to your Website

Nowadays it can be very handy to add a text link to be able to text someone from a web page. To create a hyperlink to text only, one needs only add this code: <a href=”sms:1-408-555-1212″>New SMS Message</a> Note that this functionality may be...

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

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

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.