Maybe this is a stupid question, but I can not find the place where I can set the margins for the image on a teaser and the same image on the body of a node.

The teaser always has wider margins. I included a screenshot of both image and teaser and the local.css.

What am I overlooking?

CommentFileSizeAuthor
local.css_.zip1.12 KBpaul_constantine
Image margins in body.jpg306.46 KBpaul_constantine
Image margins in teaser.jpg288.88 KBpaul_constantine
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

jeremycaldwell’s picture

jeremycaldwell CreditAttribution: jeremycaldwell commented

Looks like the CSS is a bit different for the teaser and the node page for the image float.

.fusion-float-imagefield-left .field-type-filefield, 
.fusion-float-imagefield-left .image-insert, 
.fusion-float-imagefield-left .imagecache {
  float: left;  
  margin: 5px 10px 10px 0;
}

And then the node:

img, abbr, acronym {
  float:left;
  margin:0 15px 15px 0;
}

The easy fix would be to make both sets of code have the same margins applied to them and you should be all set.

paul_constantine’s picture

paul_constantine CreditAttribution: paul_constantine commented

Thank you I noticed that too :-)

But that would mean that the image in the body would have wider margins. It is the other way round though.

I'll try playing around with the numbers.

Cheers,
Paul.

stephthegeek’s picture

stephthegeek CreditAttribution: stephthegeek commented
Status: Active » Closed (fixed)