Shadowed Text

All h1 and h2 headers and block elements with the of the website are given a small shadow via css and javacript manipulation such that you get a plastic or 3d impression. The main color is inherited. This shadow-effect is also shown by Internet Explorer (6-8), in other browsers the CSS-feature text-shadow are used, either by yourself or automatically createt by this plugin. We tried to choose the style values in such a way that you can use this plugin without further style adaption. But this is not possible for any case of template, color configuration and font-size such that I give the possibility to create an css-file with name “shadowed-headers_custom.css” in the main plugin folder where you can make necessary adaption to your environment. This file is your own – not present in the beginning – and will not be overwritten by plugin update. Why no options for this plugin? I cannot know your CSS-selectors where you have to make your changes so you are much more flexible than with predefined options

Here an example how such a css file could be looks like

#content h1 {
text-shadow:2px 2px 0 #CCCCCC;
}
#content h1 p.before {
margin-bottom: -1.12em !important;
margin-left: 0.1ex !important;
color: #000 ;
}
#content h1.shadow {
color: #9f571d ;
}
.sidebar_list h2 {
font-size: 0.95em;
}

 

 

 

This post is also available in Deutsch.