0

I am using the ImageBlock Module to upload/insert images into a block, which works great! However I am designing a responsive/fluid website. I have no problem with this if the image is stated in CSS, but for some reason I can not get the ImageBlock to treat the image that was uploaded as responsive/fluid.

How can the image that I uploaded to the ImageBlock I created, be responsive/fluid in a website that is designed to be fluid?

Thanks!

  • 2
    img { max-width: 100%; height: auto; }? – Clive Jan 23 '14 at 18:40
0

Figured it out. In order to make a image that is a part of a imageblock, responsive/fluid, you need to:

1.) Use firebug to find the image block class for the imageblock. 2.) For me I added this to CSS

#block-imageblock-### .imageblock-image{
    width:100%;


}

This will make your image that you've uploaded into a ImageBlock responsive/fluid to any screen resolution

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.