Control of Media Display Size


#1

Is there a way to modify the CSS to display media as a percentage of their derivatives? Say if I wanted 75% of the medium size? I’ve tried messing with the CSS in the area that I think controls media size, but nothing seems to work. I realize I could adjust the thumbnail parameters in the local.config file, but I’m reluctant to run the Derivative Image module … thanks in advance for your help …


#2

The CSS is generally what controls media display size, you’re correct.

The way CSS typically wants to size things by percentage is as a function of the size of their containers, not of the thing itself… if you really want to do that you have to resort to some trickery.


#3

Ah, that does work! Thank you! I scaled the entire container (including caption and image) to 0.70.

Now I need to figure out how to get the text to wrap tighter to the image … it still seems to “think” the container is 1.0 scale. If you have any suggestions, I’d be grateful!


#4

This type of thing is really much easier when you can see the live page and use the inspector… you could have margins set, or just something like display: block (often this is the default) which will make the element take all the horizontal space by default… to have text “wrap around” you’d typically use float styling.