-1

I'm working on this site https://stagetoday.squarespace.com/ .

In the left bottom corner, there is a link, but I can't remove the text-decoration:underline when I hover over it.

I tried text-decoration:none and text-decoration:none!important but it still stays.

Can anyone help me?

Sebastiaan Schillebeeckx
  • 29
  • 6
  • 1
    please post all relevant code within the question body (we need the html to this) and your real world selector as well – Nico O Mar 20 '14 at 12:58

3 Answers3

1

It is a border

#bottomBar a:hover {
  border: none;
}

or only this link

.sqs-block-content a:hover {
      border: none;
 }
secelite
  • 1,353
  • 1
  • 11
  • 19
0

Actually, it's not an underline it's this:

#topbar a:hover, #container a:hover, #bottomBar a:hover {
color: #999;
border-color: #999; /* here */
-webkit-transition: border 0s ease-out;
-moz-transition: border 0s ease-out;
-o-transition: border 0s ease-out;
transition: border 0s ease-out;
}

Just remove the border declarations.

Paulie_D
  • 107,962
  • 13
  • 142
  • 161
0

you have to do :

border-bottom: 1px solid transparent;

on your file site.css on line 8096 you have this. it's not an underline property but a border bottom attribute.

change this property instead.

Greco Jonathan
  • 2,517
  • 2
  • 29
  • 54