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.
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.
-
- 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.............
-
- Senior Boarder
- GK User
- Thu Oct 14, 2010 10:38 pm
Ok, cool. I'll try that. Thanks a lot.
-
- 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?
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?
-
- 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.
a:link are just a part of the links. Please use also a:visited and a:active to determine the color.
-
- 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.
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.
-
- 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.
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.
-
- 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.
-
- Fresh Boarder
8 posts
• Page 1 of 1