Page 2 of 2 FirstFirst 12
Results 11 to 15 of 15
  1. #11
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: CSS drop shadow text

    Man, I'm sure missing the forest for the trees...

    Leave everything as it was, and style it with

    #productName

    in your stylesheet.

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

    Default Re: CSS drop shadow text

    I created:

    Code:
    h7 { 
    font-size: 12px; 
    color: #990000;
    padding: 2px 0px; 
    margin: 0.1em 0 0em;
    font-weight: bold; 
    font-family: Geneva, Arial, Helvetica, san-serif; 
    font-style: italic; 
    background-color: #FFFFFF}
    
     }
    and changed the tag in tpl_product_info_display.php to:

    Code:
    <!--bof Product Name-->
    <h7 id="productName" class="productGeneral"><?php echo $products_name; ?></h7>
    <!--eof Product Name-->
    with no result. I must be missing something.

    You see, I put an image background on the original h1....but it also displayed on the product name line. And ratherd badly.

    heres a link:

    theribbondiva

    and thanks for your replies

  3. #13
    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
    I created:

    Code:
    h7 { 
    font-size: 12px; 
    color: #990000;
    padding: 2px 0px; 
    margin: 0.1em 0 0em;
    font-weight: bold; 
    font-family: Geneva, Arial, Helvetica, san-serif; 
    font-style: italic; 
    background-color: #FFFFFF}
    
     }
    and changed the tag in tpl_product_info_display.php to:

    Code:
    <!--bof Product Name-->
    <h7 id="productName" class="productGeneral"><?php echo $products_name; ?></h7>
    <!--eof Product Name-->
    with no result. I must be missing something.

    You see, I put an image background on the original h1....but it also displayed on the product name line. And ratherd badly.

    heres a link:

    theribbondiva

    and thanks for your replies
    It's still showing up as an h1, so perhaps you didn't make the change in your custom folder?

    Anyway, instead, style the product name with this tag in the stylesheet:

    h1#productName {}

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

    Default Re: CSS drop shadow text

    I want to thank you very much. I ditched the h7 tag and added the #productName to the stylesheet as you suggested above. Then I styled the #productName tag as I wanted and all is well at the moment. I can't thank you enough!

  5. #15
    Join Date
    Sep 2006
    Location
    Derby UK
    Posts
    99
    Plugin Contributions
    0

    Default Re: CSS drop shadow text

    I would use an image if I were you as there are a couple of problems I can think of with doing it in CSS.

    Firstly - Accessibility: People using text browsers will see the description twice, which can be annoying. Likewise anyone using an Aural browser will hear the words spoken twice, again annoying.

    Secondly, and probably most importantly for most people [at the moment anyway] - the search engines will at least down grade your site [and possibly ban it] if they think that you are keyword spamming - and the product description is an important keyword.

    Just my opinion.

 

 
Page 2 of 2 FirstFirst 12

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