Genesis – Grid Loop help

[nlockier]

Date under thumbnail image help

I've installed the Genesis Grid Loop plugin for my Genesis Theme which is the Luscious Theme.

Although I have requested help from the developer of this plugin, I notice that they no longer offer support. Can anyone help me here? I really like this plugin because it gives me the "Grid Layout" I've finally been looking for, of previous posts, under my main post.

Only thing is. I need help please to put the date under each thumbnail. If you click on my home page http://neilshealthymeals.com and scroll down to the bottom you will see what I mean. The image thumbnails are over the date.

I've tried re-sizing margins etc. using google "Inspect Element" but as a novice at CSS, I can't figure this out myself.

Thanks, I really appreciate your help.

Neil

http://neilshealthymeals.com

[Genesis Developer]

Add this in your style.css file

.content-sidebar .post img {
    clear: both;
    display: block;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[nlockier]

Hello, and thank you!

I have added this CSS and updated my blog, but on viewing it, the image thumbnail is still sitting over the date.

I add the code here:-

/* Content-Sidebar Wrap
------------------------------------------------------------ */

#content-sidebar-wrap {
float: left;
width: 720px;
}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 900px;
}

.content-sidebar .post img {
clear: both;
display: block;
}

.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
float: right;
}

Was that correct?

Thanks again

Neil

[nlockier]

Sorry, it is now working, but can the image be aligned to sit directly on top of the date so it isn't left justified?

Thank you

Neil

[nlockier]

Hi there,

I've managed to work out (but haven't added) that I can align the Featured Image directly on top of the date with this change below and that fixes the date in the grid too:-

Change this:-

/* Images
------------------------------------------------------------ */

.content-sidebar .post img,
.sidebar-content .post img {
max-width: 660px;
}

to this:-

/* Images
------------------------------------------------------------ */

.content-sidebar .post img,
.sidebar-content .post img {
max-width: 620px;
padding-left: 40px;
}

But, all the rest of the images in the post also move further to the right and I cannot then get them to align, I just want them to stay where they are!

Can you help me at all here now please?

Thank you

Neil

[nlockier]

Hi there,

I've had to remove the code you advised me to put into my CSS:-

.content-sidebar .post img {
clear: both;
display: block;
}

On further analysis, it had resulted in my emoticons in posts being aligned to the left too meaning that some posts looked strange.

Unfortunately that.

So my menu grid loop is back to how it was when I started this query.

Does anyone have any ideas on this?

Thanks

Neil

[Author]

Posts