
Hide Image Titles
When creating a website, we add multiple images to our pages. By default, these images will populate an image title when you hover over them. We do not want these image titles to display so we need to add in some code to hide those.
-
-
-
- Go to the WordPress dashboard and hover over Divi in the left sidebar
- Select “Theme Options’
- Go to the integrations tab and paste the below code in the “Add code to the < head > of your blog” section
- Save your changes
-
-
<script>jQuery(document).ready(function($) {
$(‘img[title]’).each(function() { $(this).removeAttr(‘title’); });
});</script>
Test Your Knowledge
To Do: Hide Image Titles
Complete this test your knowledge section on the “Contact” page. Use the above video to remove the image title shown in the after screenshot below.
Before
After
Completed Website
As you work through the Divi training, you’ll build out the below website. Each training will add to the website. Build out the website on the pizzazzgrouptyk.com domain from the inmotion 101 training.