I'm trying to remove the grey slide border around images, but it look as though some stylesheet styles are hardcoded into the module. If turn off the acidfree.css stylesheet entirely, there's still a 180px width on my images--which messes up captions. Looking at the code, these widths are inline, not in the acidfree stylesheet.

Can we move these styles into the stylesheet so there's no need for hacking the module if we don't want a slide border (or any border at all)?

Thanks.

-Peter

Comments

sime’s picture

My understanding is, with any modules, that you can override module styles in your theme css.

kowalke’s picture

My understanding is that inline styles take precedence over a style that is specified in a stylesheet. I think Vernon included a few inline styles in the module so he could set their values dynamically (depending on the photo's size). The downside is that stylesheets can't change them (to my knowledge). While dynamically changing the style is nice when it comes to creating that neat border of his, it is an utter mess for those of us who don't want any kind of border style. Besides, inline styles are less flexible--and Drupal's all about flexibility.

Please prove me wrong about inline styles, though!

-Peer

kowalke’s picture

The only method I see for overriding inline styles from an external stylesheet is by using the "!important" rule after a style. I don't think Safari supports !important, though, so no dice.

Here's the !important rule, incidentally:

http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules

kowalke’s picture

Status: Active » Closed (fixed)

I was wrong--!important does work on Safari. Problem resolved.

-Peter