In D7, I've created a custom content type to which one can attach multiple images and am trying to get Deco to display it in a grid-like form instead of stacking them vertically. Could someone paste the CSS to alter field-items such that it displays in a grid. I've attempted to change it but the only thing which achieves any effect is display: inline which doesn't render in Firefox.

Comments

Deepika.chavan’s picture

Deepika.chavan commented

Hi,
I created custom css file i.e. 'local.css' and added following line of code in 'deco.info' file
stylesheets[all][] = local.css

I added one cck image field, named 'field_small_image'. and then added following css code in local.css file. (Please replace 'field_name_image' with 'field-YOUR-FIELD-NAME').

.field-name-field-small-image {
   width: 500px;
}

.field-name-field-small-image .field-items .field-item {
  border: 1px solid #000000;
  float: left;
  padding:15px;
}

.field-name-field-small-image {
  float: left;
  width: 100%;
}

.field-name-field-small-image .field-items {
  clear: left;
  float: left;
  width: 500px;
}

.field-name-field-small-image .field-items img {
  height: 90px;
  width: 132px;
}

Please Clear Cached data

HTH !!
Rgrds,

Deepika Chavan.

c31ck’s picture

c31ck commented
Status: Active » Fixed

As a solution is provided here and this is not really an issue with Deco, I'm marking this as fixed.

nevets’s picture

nevets commented

The Display Suite module would be another possible approach.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.