Many of our tech tips are derivatives of ideas from others that we have modified for our purposes. In some cases, we have combined ideas from multiple people. We’ve attempted to attribute the authors of the ideas we’ve adapted. But in some cases, we can’t locate the original source of our inspiration. If you spot something of yours where we haven’t credited you, please kindly inform us so that we can rectify the situation.
Please note, we use WordPress exclusively as our development platform and most often incorporate Elegant Theme’s Divi.
When you place Divi Blurb modules in the same row that have different size images it looks bad. You could solve the problem by photoshopping all the images to be the same identical size. Or you can fix the problem by applying a little CSS love. Here’s how.
When you embed a video into WordPress, YouTube will display related videos, possibly even clips from competitors. Here is how you prevent YouTube from displaying (un)related videos.
A common question we get: Where is the best place to add custom CSS code? Here are the answers. (Yes, there is more than one correct answer.)
Sometimes you want to make an entire column clickable in Divi. All you need to do is add a button the the bottom of the column and restyle it using CSS to: Make the button transparent Expand the button to cover the entire column Example Normal Column with Text, Image...
Sometimes you need more than the four columns that Divi provides. Here is a simple method to display a group of objects into more than one column.
Displaying page loading animation is an easy way to make your Divi websites unique and add a bit of class.
Sometimes you need to reduce the amount of content when web pages are displayed on a smartphone. The shortcode makes short work of that.
When I’m looking for a creative way to dress up a website, sometimes I’ll having images zoom-in or exhibit other effects when the mouse hovers over them. Here’s how to create those effects using Divi Image Modules.
A common problem facing website designers is that images supplied by clients aren’t uniform. This trick forces all of the images to the same size.
To optimize the performance of websites running WordPress and Divi, I’ve compiled this list of tweaks that we have found useful.
Often a client will want a call-to-action button in the header of the website. Often they want their phone number in a big green button (or Call Now!) or sometimes a Request a Quote button. This can be done using Divi's Secondary Menu (which adds a thin menu at the...
Moving Divi’s default primary menu to the bottom of the header (instead of the middle) changes the aesthetics and makes room for other things (for example, a button with a phone number).
The WordPress job management plugins we tested had so many features that our clients were overwhelmed and frustrated. So we created our own Job Opening & Application Feature that is dead simple to use.
Divi Call to Action Cards provide the ability an unlimited variety of CTAs by combining any hover effect with any title placement choice with any overlay option with any background effect and optionally to add an AJAX-style spinner.
The Divi theme works great on mobile devices. But it doesn’t offer the option to pinch and zoom. Here is a simple way to add pinch and zoom.
To make a website inaccessible to visitors who are not logged in, we like to redirect them to an Under Construction page built using Divi. Here is how we do that.
Use Divi’s toggle module to create a call-to-action button that, instead of opening a new page, displays a contact form for the visitor to complete.
There are a total of 18 animations built into Divi. Here is how to use any of them anywhere on your website.
Elegant Theme's Divi comes with the 18 built-in animations. Divi allows you to apply limited numbers of them in a few places (images, submenu items and elsewhere). But with a little CSS magic they can be applied just about anywhere. See our article Use All 18 Divi...
The Divi Blog Module has an option titled “Read More Button.” But when you enable it, it displays a link that says “read more” in lower case. Here is how to make it look like a button.