2 Replies Latest reply: Mar 7, 2012 3:51 PM by John Nez RSS

    I can't seem to remove the color from the buttons...

    John Nez Community Member
    John Nez Mar 7, 2012 2:45 PM

      I'm once more trying to find out something that I've spend 1.5 hours trying.

       

      HOW does one remove the color entirely from the buttons area so that just the sidebar graphic shows through?

       

      http://www.johnnez.com/removegreencolor.html

       

      I figured out how to change the font properties and all the basic hover, click colors.... but I can't seem to figure out how to remove the green color area.

       

      THANKS!

       

      jn

      • 364 Views
      • Tags:
        • 1. Re: I can't seem to remove the color from the buttons...
          John Waller CommunityMVP
          John Waller Mar 7, 2012 3:37 PM (in response to John Nez)

          It's coming from the background: #C6D580; attribute in this rule

           

          ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */

          padding: 5px 5px 5px 15px;

          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */

          width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */

          text-decoration: none;

          background: #C6D580;

          }

          • 2. Re: I can't seem to remove the color from the buttons...
            John Nez Community Member
            John Nez Mar 7, 2012 3:51 PM (in response to John Nez)

            Thanks so much!  Worked first try... after my trying for hours to fill in the little box with the diagonal cross thinking that was the way to mark a color as empty to not display!

             

            I guess I got used to using that box with the diagonal in Adobe Illustrator and figured it'd work in DW too.

             

            Thanks again...