How To Move Archive Titles Below Thumbnails

[TarasButterDish]

Good Morning Genesis Geniuses.

First my apologies if this is in the wrong forum. It's not specific to my Genesis Theme but my CSS in general.

I've been toying with this for three hours now and am at a loss.

I have set up my archive pages to list as a thumb grid only. I'd like to move the post titles to below the thumbnails on the archive pages only.

This will better align the posts by image and not title. (see screenshot).

I've searched the internet high and low, tried genesis hooks... nothing is working.

Additionally, I did something to the Genesis popular post widget. It shows up normal on my main page but now the images are completely skewed on the archive pages.

I would be very grateful for any help.

Here is the code I added to my CSS file:


.archive .post p {
display:none;
}

.archive .post {
display:inline-block;
vertical-align:top;
width:28%;
padding:1.23%;
margin:1.23%;
min-height:190px;
background-color:transparent;
}

.archive .post-meta,.archive .post-comments,.archive .post-info {
display:none;
}

.archive h2 a,h2 a:visited {
font-size:15px;
line-height:22px;
margin-left:auto;
margin-right:auto;
}

My page is, http://www.thebutterdish.net/kitchen-2/


Thank you very much.
http://www.thebutterdish.net/kitchen-2/