Adding a picture with a fade in/out overlay?

[ad_1]

Hi!

I’m kinda new to designing websites using WordPress, I’ve mainly used the basic sitebuilders that come with hosting platforms such as One, Jimdo, etc.

I’ve been asked by several clients to build them a new website, and although it’s quite easy to do with the basic sitebuilders, the results are..well..basic. If it’s not in the template, it cannot be done.

On to the title of this post; the client wants a certain picture to be the ‘welcome’ image that loads up when a visitor reaches the homepage. But for the life of me I cannot figure out how I can put some fancy looking overlay on top of said picture, without relying on my non-existent photoshop skills.

I found a website with a perfect example of what I’m looking for: [https://wouwzorg.nl](https://wouwzorg.nl)

You reach the homepage, theres a picture with an overlay with information. When you scroll down, it disappears, when you scroll up the info reappears. How do I make such a thing in WordPress?

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer