Hello all,
I was trying to add a slideshow to home page. While rendering, the images are coming with a float=left and this gives a white space on the right side as the images are not of the width of the container.
Where can I edit the CSS so as to make it float in the centre, or
Where can I edit the CSS so that the width of the image get automatically resized to that of the container?

CommentFileSizeAuthor
#4 whitespace (1).jpg164.68 KBeudaemonia
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

minorOffense’s picture

Can you provide a link and/or an screenshot?

DocRPP’s picture

Settled the issue by adding a rule for margin in the block.css
It looks better now
http://www.typeitout.com

eudaemonia’s picture

I'm having the same issue. I added a screenshot.

I'm not sure how to change the margins as suggested. At MY_THEME.responsive.style.css all the margins are set to auto - is that where I should set them to 1 em or something like that?

eudaemonia’s picture

FileSize
164.68 KB
peterg.griffin’s picture

eudaemonia, if you're still having trouble with this just add overflow:hidden to the element (in my case that was the li elements).

amaria’s picture

Status: Active » Closed (outdated)