How do I change the color of the text links for the main body?

Joomla template which allow you to present sport news in amazing and professional way.
GK User
Thu Oct 14, 2010 3:41 am
Hi,
I've searched the forum for how to do this but the answer was incomplete to me.

I know I need to go to template manager, edit css, select style 1, edit and add this code:

a:link{
color:#008fde;text-decoration:none;
}
This is supposed to make the link blue in color, right?

In the solution I read, I was supposed to add this to the <div>?
I completely did not understand this, as my assumption is that once you add the code, all text links in the body of the page should change in color. Why do I need to add something extra to the code in my article?

What am I missing?
Can someone please break this down showing me what the code should look like in the article and css?

Thank you.
User avatar
Fresh Boarder

GK User
Thu Oct 14, 2010 6:10 am
Use firebug to determine the color number for the CURRENT links. Then go to your template.css and look for that color in the links section. Then just replace the old color number with the new one.............
User avatar
Senior Boarder

GK User
Thu Oct 14, 2010 10:38 pm
Ok, cool. I'll try that. Thanks a lot.
User avatar
Fresh Boarder

GK User
Fri Oct 15, 2010 1:02 am
Ok,
That turned out to be more complicated. I found that I needed to go to style1.css and add code there. Unfortunately, it did not change the color. It was the strangest thing.

Here is the code I added:

a:link{
color:#0060b6; text-decoration: underline;
}

I added text-decoration just as a test because I originally added this code and nothing happened. Take a look at the attached picture and see what happened.

The underline decoration took effect on some of the links and the color change did not take effect on any of the links. I hovered on one of the links (red). By the way, I didn't change the color of the text in the article. I used the default font and color. I just increased the font size to 12.

Does anybody know what I am doing wrong?
User avatar
Fresh Boarder

teitbite
Fri Oct 15, 2010 2:48 pm
Hi

a:link are just a part of the links. Please use also a:visited and a:active to determine the color.
User avatar
Moderator

GK User
Fri Oct 15, 2010 3:56 pm
Nothing seems to be happening. I entered this code:

a:link{
color:#2B64E9;
text-decoration:none;
}
a:visited{
color:#000666;
text-decoration:none;
}
a:active{
color:#000666;
text-decoration:none;
}
a:hover{
color:#c9171a;
text-decoration:none;
}

and nothing...
Is there something fundamental that I am missing here. I am not a coder, but I've learned a few things here and there, which means there may be something that you think I should know that I don't. Please, baby steps.
User avatar
Fresh Boarder

teitbite
Sun Oct 17, 2010 4:01 pm
Hi

The most important is the position on which You place this code in css files. Please tell me in which color this shuld me displayed and give me the exact page to see this links.
User avatar
Moderator

GK User
Fri Oct 22, 2010 2:45 am
Sorry it took me soooo long to respond. I've decided to forget about changing the link color. It seems to be too much trouble to change. Thank you.
User avatar
Fresh Boarder


cron