Here's how to add a simple border round the main menu links in the Divi Theme's primary header. Adding a box round all menu items The menu links in the Divi main header can be a bit tricky to style when it comes to borders. The reason for this is that Divi applies...
Divi
Open Featured Images in a Lightbox
The Divi Theme can display a featured image at the top of posts. By default this is a static, non-clickable image. But what if you want to be able to click on the featured image and view the image enlarged in a lightbox? Here's how you can do it.Open Featured Images...
Enable Mobile Pinch Zooming in Divi
By default, the Divi Theme disables "pinch" zooming on mobiles. While this gives you more control over how your site appears to users, it can hurt accessibility as vision impaired users will be unable to zoom in to view content. Google's Lighthouse website auditing...
Using Shortcodes in the Button Module
Divi Shortcode Enabler allows shortcodes to be used in various Divi modules, including the button module. Currently, Divi Shortcode Enabler supports using URLs in the following button module fields: * Button text* Button Link URLUsing shortcodes in the Button text...
Password Protecting a Page / Post in Divi
Creating a password protected page in WordPress can enhance the privacy and security of your content by restricting access to only those with the correct password. This feature is particularly useful for sharing sensitive or exclusive information, such as client...
Diagonally Overlapping Images
Foreground image Background image Combined images Here's a quick tip for using the Divi Theme's image module to do a diagonal overlay of two different images. Create an image module and set one of your images (the one you wish to appear at the top right) as the main...
Hiding Menu Item from the Mobile Menu
By default, the Divi Theme shows the same menu items in both the desktop and mobile versions of the header menu (albeit with different formatting). If you'd like to exclude certain items from showing up in the mobile menu, i.e. making them appear on the desktop menu...
Make the Divi Theme Options Header Sticky
The Divi Theme's options screen (found at "Divi > Theme Options") presents a long list of settings which can be used to configure the theme. At the top of the options screen is the header, which includes tabs for accessing the different collections of settings...
Show Image Description on Image Module Lightbox
The Divi Theme's image modules come with the option opening the image in a lightbox. That is, when you set the image module's "Image Settings > Content > Link > Open in Lightbox" option to "Yes", your users can click on your image it will be enlarged and...
Replacing the Divi Pricing Table Button
The Divi Theme's pricing table module allows you to add a button at the end of each pricing table item. The "button" is a really just a link, with text and a URL, styled to look like a button. So what if you need to replace it with something more complex, such as a...