---
title: "WordPress Tip: Making Elements Overlap on Your Site"
date: 2010-09-05
description: "$( document ).ready(function() { // Handler for .ready() called. $('#toc').toc({ minimumHeaders: 3, listType: 'ul', showSpeed: 0, headers: '#content h2, #content h3, #content h4, #content h5, #content h6' }); /*..."
canonical_url: https://idratherbewriting.com/2010/09/05/wordpress-tip-making-elements-overlap-on-your-site/index.html
---

> For AI agents: a documentation index is available at https://idratherbewriting.com/llms.txt. Markdown versions of all pages are available by appending .md to any page URL.

# WordPress Tip: Making Elements Overlap on Your Site

In this WordPress tip, I show you how to make elements overlap. You have to add a position and z-index declaration in each of the styles that are overlapping. I also explain a tip for making the overlapping image fit seamlessly on top of the other element, without a white border.

[Video: Video](https://www.youtube.com/embed/7nl2K-Q9vXY)

[See more WordPress Tips](https://idratherbewriting.com/wordpress-tips/).