Page 1 of 2 12 LastLast
Results 1 to 10 of 15
  1. #1
    Join Date
    Jan 2007
    Posts
    236
    Plugin Contributions
    0

    Default CSS drop shadow text

    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.

  2. #2
    Join Date
    Jan 2007
    Posts
    236
    Plugin Contributions
    0

    Default Re: CSS drop shadow text

    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?

  3. #3
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: CSS drop shadow text

    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.

  4. #4
    Join Date
    Jan 2007
    Posts
    236
    Plugin Contributions
    0

    Default Re: CSS drop shadow text

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

    Code:
    <!--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!!!

  5. #5
    Join Date
    Mar 2004
    Posts
    16,042
    Plugin Contributions
    5

    Default Re: CSS drop shadow text

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

    they didnt even get it right in their how to
    Zen cart PCI compliant Hosting

  6. #6
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: CSS drop shadow text

    Quote Originally Posted by studeo View Post
    OK I'm including some code to try and call h7 to the product name line which is not working:

    Code:
    <!--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.

  7. #7
    Join Date
    Jan 2007
    Posts
    236
    Plugin Contributions
    0

    Default Re: CSS drop shadow text

    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?

  8. #8
    Join Date
    Jun 2003
    Posts
    33,721
    Plugin Contributions
    0

    Default Re: CSS drop shadow text

    You can style the H1- make it any size any color any spacing you want- use the stylesheet
    Please do not PM for support issues: a private solution doesn't benefit the community.

    Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

  9. #9
    Join Date
    Jan 2007
    Posts
    236
    Plugin Contributions
    0

    Default Re: CSS drop shadow text

    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.

  10. #10
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: CSS drop shadow text

    Quote Originally Posted by studeo View Post
    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;

    }

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Drop Shadow Doesn't Work in IE8
    By Bloob in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 11 Jun 2011, 11:06 PM
  2. Drop shadow around mainwrapper
    By rayring in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Feb 2011, 03:19 PM
  3. Drop shadow for entire page
    By jwburnside in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 7 Aug 2009, 08:47 PM
  4. Drop shadow DIV
    By kru in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 7 May 2008, 10:35 AM
  5. Remove button drop shadow/border
    By strongfarmer in forum Basic Configuration
    Replies: 0
    Last Post: 12 Dec 2007, 11:42 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg