Hello all,

I face a strange problem :
- Gallery Formatter display is OK in teaser view (http://www.dance-with-me.org/photos)
- Dispay shows cropped image in page full view (http://www.dance-with-me.org/photos/remise-des-prix-du-concours-impact-l...), see PNG files attached

The teaser and default display settings are exacty the same in my content type.

Any idea

CommentFileSizeAuthor
gf-bug-2.png245.91 KBmisterpo
gf-bug-1.png281.98 KBmisterpo

Comments

kyletaylored’s picture

Status: Active » Closed (works as designed)

You have an error in your CSS. In your teaser, everything works fine. On the full view, you have some responsive classes that are overriding the width of the image.

responsive-tablet-layout.css
.view-mode-full img {
border: medium none !important;
height: auto !important;
max-width: 453px;
}

responsive-mobile-landscape-layout.css
.view-mode-full img {
border: medium none !important;
height: auto !important;
max-width: 453px;
}

responsive-portrait-layout.css
.view-mode-full img {
border: medium none !important;
height: auto !important;
max-width: 300px;
}

If I disable these classes through Firebug, the images show up just fine.