Help editing my website header with a color overlay

[nzguyyy]

Hi There. First time posting to the forum, so thanks in advance for your help. I'm a very basic photoshop user, and looking to edit the header of my website at planitnz.com.

I've nearly got it figured out, just stuck on one aspect. What I'm trying to do is change the image that sits at the very right underneath the "Your Planit NZ" text. I've got the file edited with a new image sitting correctly. I'm stuck on how to get the blue overlay to set above the photo. I know I need to edit a second one for when you mouse over that doesn't have the blue overlay.

 

[ibclare]

It would help a lot if you could upload a jpeg image, even a screenshot, so we could understand better the problem. At least I would understand better, lol.

 

[nzguyyy]

Thanks ibclare!

 

[IamSam]

Do you still have the original psd file used to make this banner?

When I try to visit your site.....

 

[nzguyyy]

I'm afraid I don't - reckon it'd be much easier if I did!!

Odd you're getting that. Seems to load up okay in my Firefox, even private browsing.

 

[Paul]

The one i have opened as a new image on the right hand side blue box?

 

[IamSam]

Well,I don't know if this helps your cause, but I opened the Color Picker and sampled the blue color from the Planning section.
I created a new layer. I used the Pen Tool to make a selection of the end section. I filled the selection with the blue color.
I reduced the layers opacity to 90%

 

[nzguyyy]

IamSam thanks heaps! That did the trick