1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Hover over url change color

Discussion in 'Styling and Customization Questions' started by Sway, Dec 14, 2012.

  1. Sway

    Sway Active Member

    I have created a little border around my Like, Reply, Report, and other links on threads but i would like to remove the text-decoration: underline; and replace that with a color changing link. I would like these to look more like buttons rather than links within buttons. How would i go about doing this?
     
  2. MagnusB

    MagnusB Well-Known Member

    Code:
    .publicControls .like:hover {
      text-underline: none;
      color: pink;
    }
    In extra.css should do it.
     
    Jake Bunce and Sway like this.
  3. Sway

    Sway Active Member

    Alright that seems to work but the rest of the buttons are not working that way.
    Code:
    .publicControls .like:hover {
      text-decoration: none;
      color: limegreen;
    }
     
  4. Sway

    Sway Active Member

    Got it. Thanks!
     
  5. MagnusB

    MagnusB Well-Known Member

    You can do comma seperation to add more:

    Code:
    .publicControls .like:hover, .publicControls .ReplyQuote:hover, .publicControls .hasPermalink:hover {
      text-underline: none;
      color: pink;
    }
     
    Jake Bunce likes this.
  6. Sway

    Sway Active Member

    Oh i got it to work. :)
    Code:
    .publicControls .like:hover {
      text-decoration: none;
      color: #009417;
    }
    .publicControls .ReplyQuote:hover {
      text-decoration: none;
      color: #009417;
    }
    .message .privateControls .item:hover {
      text-decoration: none;
      color: #009417;
    }
    I shall post this here for anyone else that stumbles upon this thread looking to do the same.
     
  7. MagnusB

    MagnusB Well-Known Member

    You can compress that code to:
    Code:
    .publicControls .like:hover, .publicControls .ReplyQuote:hover, .message .privateControls .item:hover {
      text-decoration: none;
      color: #009417;
    }
    Does the same and can be easier to manage.
     
    Jake Bunce and Sway like this.
  8. Sway

    Sway Active Member

    I'm very lazy =/ I don't usually look into this hahaha. Thanks! :)
     
  9. MagnusB

    MagnusB Well-Known Member

    Me too, which is why I prefer to type less :coffee:
     
    Sway likes this.

Share This Page