Is it possible to insert an image and apply some css within the tag to get a nice frame like the ones on a gallery ?
Yes, it is possible.
<img src="IMAGE URL" style="padding: 7px; border: 1px solid gray;" />
Kool, thanks. What about a drop shadow? Possible?
I tried padding: 7px; border: 1px solid #c3c3c3; box-shadow: #888888 2px 2px 8px; this way:
It looks fine in the theme until I hover it. Then the shadows changes.
Is it somehow possible to set all this in custom.css and apply it to an image with just typing: img style= “shadow” or using the Edit Image Advanced- Style:?
Yes, you’ll need to add a class name to your image and then define the css for that class. Both the regular version and a :hover version.
http://en.support.wordpress.com/images/image-settings/#within-posts (for adding a class to an image using the media pop up in a post)
http://www.w3schools.com/css/css_id_class.asp (for creating a basic class)
The topic ‘Image with CSS based frame’ is closed to new replies.