How to stop link colour and underline |
How to stop link colour and underline |
mattykg1987 |
Feb 24 2024, 11:17 AM
Post
#1
|
Group: Members Posts: 6 Joined: 24-February 24 Member No.: 29,138 |
As the title states how do i stop link colour and underline when hovering over or allready clicking on it this is the code i have for it in my css.
header{text-align: center;background: #fff;} header .top-header{background: #292A2C;color: #fff;} header .top-header i.fa{margin: 5px 2px 0;} .logo {color: #333;padding: 20px 0 30px; } .logo a{font-family: 'Dancing Script', cursive;font-size: 80px;color: #333;font-weight: bold;display: block;line-height: 1.3; } .logo span{font-size: 16px;letter-spacing: 1px;} @media(max-width:767px){ .logo{padding: 30px 0 20px;} .logo a{font-size: 65px;} .logo span{font-size: 16px;} } Thanks to anyone that can help. |
pandy |
Feb 24 2024, 02:19 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
You style the different link states as you wish to have them. Note that you need to have the rules in this specific order. That has to do with specificity. For example :link always applies. So if you place :link after for example :hover it will override the rule for :hover, because it's still a link even if it's hovered.
CODE a:link { ... } a:visited { ... } a:focus { ... } a:hover { ... } a:active { ... } If you want the link to look the same in all stated it's enough to style A. Give it the color you want and remove underline and outline should be enough IIRC. CODE a { color: green; text-decoration: none; outline: none } |
mattykg1987 |
Feb 24 2024, 03:46 PM
Post
#3
|
Group: Members Posts: 6 Joined: 24-February 24 Member No.: 29,138 |
You style the different link states as you wish to have them. Note that you need to have the rules in this specific order. That has to do with specificity. For example :link always applies. So if you place :link after for example :hover it will override the rule for :hover, because it's still a link even if it's hovered. CODE a:link { ... } a:visited { ... } a:focus { ... } a:hover { ... } a:active { ... } If you want the link to look the same in all stated it's enough to style A. Give it the color you want and remove underline and outline should be enough IIRC. CODE a { color: green; text-decoration: none; outline: none } Thanks for your reply, i am struggling to enter this into my css I provide above can you help me? |
pandy |
Feb 24 2024, 11:08 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
Well, what exactly is it you want to do? If you remove all styling no one will detect the links, so how do you want them to look? And do you want all links to look like this or just some of them?
|
Lo-Fi Version | Time is now: 27th September 2024 - 04:10 AM |