A. Jones

Setting
overflow:visible;
should display your wrapped text.

At this point, because the text is of different lengths, your grid is going to be off. This is the point where you want to set a style for the text itself. Set the height and if necessary, set the width.

div.postimage-title
{
height:50px; /*change to your desired height*/
width: 400px; /*change to your width here*/
}

Once you find the right height, you may want to set overflow:hidden on this element to keep your grid correctly aligned in case the text does happen to overflow and throw your grid out of whack.

I forgot to include the px after the width and height values.

The next step should be something like this.
[thumbnailgrid height=”260px” width=”500px”]

With your own height and width filled in followed by ‘px’ for pixels.

In your case, try this:

[thumbnailgrid height=”280px” width=”460px” cat=’71’ posts=’40’ type=’post’ order_by=’author’]

I’m not sure. Try this:

.thumbnailgridblock:after
{
clear:both;
}

Or perhaps this?

.thumbnailgridblock:after {
visibility: hidden;
display: block;
font-size: 0;
content: ” “;
clear: both;
height: 0;
}

Hi, could you follow the instructions that I posted please?

You don’t need to set the width and height in the style sheet any more.

Please follow the instructions exactly, please remove all of the styles from your custom styles and start over as instructed.

Please test your grid after each step.

Here they are again”

Do this step by step and test it before you proceed. If you have a problem, stop and come post here.

1) remove all of your custom css and upgrade your plugin. Let’s start from scratch. Your grid should now display as a grid, not as a single column. Width 150 x 150.

3) In your shortcode, set the height and width
[thumbnailgrid height=”280″ width=”460″]

Your grid should now display 280 x 460

4) Then, make the changes that lechicbynadia suggested for the label.
THIS IS THE ONLY CSS THAT SHOULD BE IN YOUR CUSTOM CSS

Your text should wrap after this.

div.postimage-title a
{

text-decoration: none;
text-overflow:ellipsis;
display: block;
white-space: wrap;
overflow: hidden;
}

Now, view your grid.

5) Now your grid may not be very grid like because the height of the title is going to be different depending on the length of the text in the title.

So add something like this to the style, obviously using the height that works best for you. This should create a fixed height available for your title.

div.postimage-title
{
height:430px;
}

Thanks!

I’m marking this one as resolved.

The plugin wasn’t designed for this, but enough people have requested it that an extension will be available soon.

I am seeing this in a couple of places. I see that something is being inserted into the code that is causing this issue and it only appears to be happening in some themes. I will try to fix it in my next update.