Thumbnails display horizontal drupal

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;
margin: 5px;

The padding and borders are working but not the inline.


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

Any help would be GREATLY appreciated!!


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;


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:

max-width:none !important;

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

Stoked! Thanks again!

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