DD-Block resizes images I'm developing a website in Drupal 6, and I've employed Dynamic Display Block for a slideshow that displays in a panel.

Unfortunately, even though the images show in the slideshow, they are not rendered in their full size as I described in the configuration page of the Dynamic Display Block settings.

I used firebug, and I realised that a class called ddblock-processed has been added which is the cause of the issue i'm facing, as it has different dimensions compared to the one I specified.

I've tried overriding that effect in the style sheet - css, but to no avail.

Someone should kindly help me hack this stuff under the hood.

Thank you.
ddblock-processed class is added to your div when the Javascript event is attached to it by Drupal. This is normal behavior, but it shouldn't be too hard to override the style with CSS.

To show you a simple example of CSS overrides (even though this is considered an inefficient selector, it doesn't matter too much in cases such as yours):

If on the original style, the CSS is declared as follows:

.ddblock-processed {
  width: 100px;
}


You can easily override it in your own stylesheet by including the "parent" element in the CSS selector. So if ddblock-processed div's parent is a div with an ID of myregion then doing this will override it:

div.ddblock-processed {
  width: 200px;
}

/* OR */

#myregion .ddblock-processed {
  width: 200px;
}

/* OR */

body .ddblock-processed {
  width: 200px;
}

/* OR */

div .ddblock-processed {
  width: 200px;
}


This is called CSS specificity if you want to read up about it.