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

Community Off Topic
#1

I am talking about this:

untitled
untitled817Ɨ615 86.9 KB

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

untitled2
untitled2899Ɨ497 39.7 KB

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.

1 Like
#6

No problem I love CSS
Iā€™m always open for more questions :wink:

1 Like