Increasing the text drop shadow for the home page widget 1

[Doug]

I'm trying to make the text on the Front Page 1 widget in Atmosphere Pro theme pop off the background images more by increasing the drop shadow.

Home

The text starting "Technocentric advertising ..."

I've found the .widget-title section on the style.css sheet (thanks for the Inspect note, Victor), and have added the text-shadow property, like this:

.widget-title {
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
text-shadow: 3px 3px 5px #000000;
}

However, it's still pretty subtle, IMO. I've increased the drop shadow blur effect to 25, but it just blows out. I guess I'm looking for a way to increase the coverage of the shadow without the effect thinning out.

Any suggestions on this would be greatly appreciated.

thanks
doug

http://dougschumacher.com/

[Doug]

Also, I noticed the above CSS hasn't affected the mobile version of the site. This has happened before on text changes, so if anyone can clarify how to make those changes also cover the mobile site, that would be great.

[Doug]

Follow up: I didn't realize my code changes were impacting headers throughout the site, so removed all the above code edits.

[Author]

Posts