Grid-a-licious mouseover help

Hi there,

I am using the Grid-a-licious theme for my site and I am stuck. So far I am using the jfade script to change the colour when the ouse goes over each post and I am also using the infinite scroll script. What I’m stuck on is…

I want it so that whenever the mouse goes over the picture displayed in each post it fades out and displays the text (the blog post’s title). I figure I could use jfade as well for this, but what I don’t know is what the class name for each picture in each post on the main page. The jfade script is as follows (right now i have .main p img because i have no idea what it is:

$(“.main p img “).jFade({
trigger: “mouseover”,
property: ‘background’,
start: ‘ffffff’,
end: ‘000’,
steps: 8,
duration: 8
}).jFade({
trigger: “mouseout”,
property: ‘background’,
start: ‘000’,
end: ‘ffffff’,
steps: 8,
duration: 8
});

I have also attached my main files below:

style.css
https://pastebin.ca/1906458

header.php
https://pastebin.ca/1906459

index.php
https://pastebin.ca/1906461

Thanks very much in advance