CSS drop shadow text

[studeo]

I'm a bit new to css but I can find my way around. I am trying to add a drop shadow to the text defined as H1 in the default stylesheet. I have searched the web only to be confused as to what code is needed and where it goes. If you have had some experience adding this element would you please post some details on its implementation and its coding?

Very grateful for an answer.

Thank You.

[studeo]

I see that I now have to change the product description from h1 to a new tag. I made h7 but I cant seem to implement it from the products_info_display page unless I didnt change what I should have. Any ideas?

[jettrue]

Err, that's not really a css standard right now? I would call that an advanced, advanced, if you wanna get really fancy and technical thing, its not a use on a regular ole website thing yet. I had never really heard of it, and doing a google on the matter showed some complicated javascript and css hacking that is just a big undertaking.

Do you want to do this for a logo or something? This would be something better done manually with an image program vs. trying to hack it, imo, and would probabl look better as well.

[studeo]

OK I'm including some code to try and call h7 to the product name line which is not working:

<!--bof Product Name-->
<h7 id="productName" class="productGeneral"><?php echo $products_name; ?></h7>
<!--eof Product Name-->

but its stays small black lettering which I dont want...aaarrrggghhh!!!

[Merlinpa1969]

as you can see here,
http://www.w3.org/Style/Examples/007/shadows.html

they didnt even get it right in their how to

[jettrue]

OK I'm including some code to try and call h7 to the product name line which is not working:

<!--bof Product Name-->
<h7 id="productName" class="productGeneral"><?php echo $products_name; ?></h7>
<!--eof Product Name-->

but its stays small black lettering which I dont want...aaarrrggghhh!!!

Cause css text drop shadows is not something that is reasonable to try and do... sorry! Its just really not supported by browsers.

[studeo]

ok I give up on the drop shadows...but I want to be able to control the product_name on the product page with its own style and not with h1 and I'm being dense...any suggestions?

[Kim]

You can style the H1- make it any size any color any spacing you want- use the stylesheet

[studeo]

I know...i think I need to create a new style (i created h7 based on h1) but cannot glue it to the product display page product name.

[jettrue]

ok I give up on the drop shadows...but I want to be able to control the product_name on the product page with its own style and not with h1 and I'm being dense...any suggestions?

If you want to change it from H1, cause you want it to be different than OTHER h1, sure, you can change it to h7.

Then in your stylesheet, style h7 the way you want it, kind of like this:

h7 {

font-size:1.4em;
color:#000000;
font-weight:bold;

}