2 Replies Latest reply on Nov 8, 2010 4:36 AM by bnther

    CSS - text styling question

    bnther Level 1

      Can anyone identify what type of text styling this is?  If you look at the header or the nav, it looks like the text is cut out.  I found text-shadow in the style sheet, but I don't think that it what is doing this.


      Any help would be appreciated.



        • 1. Re: CSS - text styling question
          BenPleysier Adobe Community Professional & MVP

          Does this answer your question?

          text-decoration: none;

          color: #000000;

          text-shadow: 0pt 1px 0pt rgba(255, 255, 255, 0.7);

          text-transform: uppercase;

          font-family: Helvetica,Arial,sans-serif;

          font-style: normal;

          font-variant: normal;

          font-weight: bold;

          font-size: 0.785em;

          line-height: normal;

          font-size-adjust: none;

          font-stretch: normal;

          -x-system-font: none;

          outline-width: medium;

          outline-style: none;

          outline-color: -moz-use-text-color;

          • 2. Re: CSS - text styling question
            bnther Level 1

            Yep, that did it.


            I saw that code in there, but I wasn't using white as a shadow color in my test page, consequently I wasn't getting the 'cut out' effect.  Also, the header and background have a little bit of 'noise' to contrast the solid lettering where my test file was plain.


            Many thanks for that.  I had overlooked the solution and moved on.


            I appreciate the response.