This is a hack replacing a hack.

I had a shadow text effect on the Pagan Vigil blog entries. I did it in the h1 definition on the styles.css page.

h1 {
     font-family: 'Merriweather', serif;
     margin: 0 0 15px 0;
     line-height: 1.5em;
     text-shadow: 2px 2px 4px #000000;
     font-size: 2.6em;
     }

I moved the text shadow line to coulortag.css page.

.blog-entry-title a:hover {
     color: %colour_menu_background%;
     text-shadow: 2px 2px 4px #000000;
}

.blog-entry-comments a:hover {
     color: %colour_menu_background%;
}

The original combined the blog entry title and the blog comments link behavior, so I had to break them up.

The coulortag.css page is probably specific to this theme.

But the important thing is, now when you put your mouse over the blog entry title, it changes color AND grows a shadow to set it off.

Tags: hack + CSS + Pagan Vigil