Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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?
Comment | File | Size | Author |
---|---|---|---|
#4 | whitespace (1).jpg | 164.68 KB | eudaemonia |
Comments
Comment #1
minorOffense CreditAttribution: minorOffense commentedCan you provide a link and/or an screenshot?
Comment #2
DocRPP CreditAttribution: DocRPP commentedSettled the issue by adding a rule for margin in the block.css
It looks better now
http://www.typeitout.com
Comment #3
eudaemonia CreditAttribution: eudaemonia commentedI'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?
Comment #4
eudaemonia CreditAttribution: eudaemonia commentedComment #5
peterg.griffin CreditAttribution: peterg.griffin commentedeudaemonia, if you're still having trouble with this just add overflow:hidden to the element (in my case that was the li elements).
Comment #6
amaria CreditAttribution: amaria commented