WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by aradke v0.3.5

Shadows

This is a plugin to add a range of shadow types to a range of objects. Currently supported are images, divs and blockquotes.

Shadows

The facts

Active installs
200+
Price
Free
Last updated
25 Jan 2010
Added
Jul 2009
Requires WP
2.5
Tested up to
WP 2.9.2
Downloads
15,932

Our analysis

AI-assisted

Shadows is a WordPress plugin designed to add various shadow effects to images, divs, and blockquotes. You can apply different shadow types by adding specific CSS classes to the objects you want to style. The plugin aims to enhance the visual appeal of your content with minimal effort.

This plugin is suitable for users looking to improve the aesthetics of their WordPress sites by adding depth to images and text elements. However, it may require some basic knowledge of HTML and CSS to implement effectively.

Best for: This plugin suits WordPress users who want to enhance their site's design with shadow effects.

What it does well

  • ✓Adds shadow effects to images, divs, and blockquotes
  • ✓Supports multiple shadow types with specific CSS classes
  • ✓Free to download from the WordPress.org directory

Where it falls short

  • •Last updated in January 2010, which may affect compatibility
  • •Limited browser support, particularly for Internet Explorer 6
  • •Opacity setting disabled in Internet Explorer due to rendering issues

Verdict

Shadows offers a straightforward way to add visual depth to elements on your site, but its outdated status and limited support may pose challenges for some users.

From the developer

aradke's own description of Shadows, lightly tidied.

This is a plugin to add a range of shadow types to a range of objects. Currently supported are images, divs and blockquotes.

I got the inspiration from the cocoia blog and Sebastiaan de With was kind enough to let me use the shadow image that he applies to his images.

Browser Compatibility

I have tested this plugin in the following browsers:

  1. Internet Explorer 7 & 8
  2. Firefox 3 & 3.5
  3. Safari 4
  4. Opera 9

Internet Explorer 6 is not supported due to the use of transparent png images in ways that regular work arounds don’t address. As such the plugin stops the shadows from displaying in IE6.
The opacity setting is disabled for all versions of Internet Explorer due to bugs in how it renders (even IE8).

Usage

Add one of the following classes to the object:

  • shadow_curl
  • shadow_flat
  • shadow_osx
  • shadow_osx_small

For images this is as simply as adding the text to the end of the “CSS Class” under the “Advanced Settings” for the image.
For divs and blockquotes you will need to use the HTML view in the editor and add class="shadow_curl" to the object.

I decided against applying the shadows to everything it could recognise as this could easily turn into a huge mess though I am open to suggestions on other ways to do it.

Known Issues

  1. If something covers the div or blockquote it can push the shadow down to below the covering object and thus separate the shadow from the object it should be attached to. Try to avoid it through the use of clear or margins.
  2. The plugin does not support divs nested inside the shadowed div or blockquotes nested inside the shadowed blockquote.

Recommendations

From Sebastiaan: “the only thing I’d suggest is adding a border to the divs, otherwise the shadow looks rather detached.” I have elected not to do this automatically to allow you greater control over the appearance of your pages.

Read the full description on the official page →

Tagged as

topic Add Classes