Thumbnails display horizontal drupal

HTML & CSS
1

Hi guys,

I’ve got a drupal 7 site with an image gallery using colorbox.
It’s all working well apart from the image thumbnails. I want them to display horizontally not vertically.

Ive tried a zillion things and nothing seems to be working.

I’m using this CSS:

.field-name-field-gallery-image img {
display: inline;
padding: 3px;
background-color: #c3ddd9;
border: 1px solid #c3ddd9;
float: left;
clear:both;
margin: 5px;
}

The padding and borders are working but not the inline.

Site: http://www.mareeelizabeth.com.au/itp_new/?q=node/99

I have to show this tomorrow night so now starting to STRESS!!

Any help would be GREATLY appreciated!!

Thanks

2

Hi maree_DW,

Delicious, all those CMS’ses with their mega branched DOM-trees without much ID’s but with an awful lot of multi classed elements. :wink:

For this page, you can give a try with adding:

.node-full .field-type-image {
	max-width: 100%;
	}
.node-full .field-type-image div {
	display: inline !important;
	}
.node-full .field-type-image div a {
	float: left !important;
	margin: 0 20px 10px 0;
	}
3

Hi!

Thanks so much for your post - its been driving me NUTS!! :slight_smile: I actually just 5 mins ago got a reply to my post on the drupal site and found this to work:

.field-name-field-gallery-image
{
max-width:none !important;
width:100%;
}

.field-name-field-gallery-image .field-item {
display: inline-block;
margin: 5px;
}

Stoked! Thanks again!

4

I see it on the site: somewhat different approach, same result! - Stress can sleep! :slight_smile:

5