Add Image With Ripple Pattern To Top Edge of Page Using CSS

In this tutorial, i’ll show you how to add a nice ripple effect to the top edge of your posts & pages entry content like this:

There’s 3 steps involved:

1. Make a image which includes the effect you want to add to the top edge of your posts entry content.
2. Upload the image to your child themes images folder.
3. Add CSS with the correct path to the image in your child themes style.css file.

Here’s a sample image you can modify with your own background color:

CSS For Posts & Pages