How do i remove the purple underline and color of a link?


#1

I am talking about this:

I want the text be black and without that purple underline


#2

on CSS set
text-decoration: none;
on your a links and
color: black;
to make them black but when they click on them they will turn back into blue with an underline so you have to do the same thing for a:visited
so the code is this
a{
text-decoration: none;
color: black;
}

a:visited{
text-decoration: none;
color: black;


#3

Thank you very much, it worked!


#4

I have another problem

When i put a logo the text in the footer goes down, how can i make it stay on the same level with the logo?


#5
.logo {
    float: left;
    width: 100px;
}

is one approach but it may affect the centering of the footer text. Another option would be absolutely position the logo so it has no effect on the text.

.footer {
    position: relative;
}
.logo {
    position: absolute;
    top: 50px;
    left: 10px;
}

The first rule sets the footer as the parent, with relative positioning. This way the absolute position will be relative to the footer top left.


#6

No problem I love CSS
I’m always open for more questions :wink: