Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot figure out what is getting underlined when I hover over quick links (CSS question) #678

Open
MrDowntempo opened this issue Mar 24, 2024 · 0 comments

Comments

@MrDowntempo
Copy link

I've been having a lot of fun with the custom CSS feature of Tabliss. However, one thing I cannot seem to do, is get rid of the underline that occurs when you hover over any quick links. It doesn't seem to be effected by text-decoration: none, no matter what element/class/id I try to apply it to. I can get the text to change colors and other things, but the underline occurs before those changes, which makes me think its an element that surrounds the link. But I can't find it and would appreciate any help. Here is my current code:

.Time, .Links {
  color: #b2ffff; /* Brighter cyan with green tinge */
  text-shadow: 0 0 10px #00e6e6, 0 0 20px #00cccc, 0 0 30px #00b3b3; /* Glow effect */
  text-decoration: none; /* Removes the default underline */
}
.Time {
  text-indent: -.7em; /* Shift text left to help account for the leading or missing 1*/
}
.LinkText:hover {
  color: #e5ffff; /* Changes the color on hover */
  text-shadow: 0 0 13px #00ecec, 0 0 25px #00d9d9, 0 0 37px #00c6c6; /* recolors and intensifies the glow */
  text-decoration: none; /* Removes the default underline */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant