Joomla Templates Club 406,261 posts

[funkmanusa Friend funkmanusaJoin date: April 2008Posts: 94Downloads:0Uploads:4 Thanks: 16 Thanked: 3 times in 1 posts]

#134612

Not sure how best to word the question, but this is what I after.

I am trying to add text links within an article and would like to use a different link color without pulling from the template link color.

For example in my template the a:link css is:
a {
color: #2C79B3;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #2C79B3;
text-decoration: underline;
}

And in the article I would like my links to show #99000, but not change the default template a:link color so it doesnt change my template links as well.

So essentially I have one color for template links and another color for links within an article.

Hope this makes sense.

Thanks in advance!

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#276306

You could add a css ID on the ‘a’ element in your template css. Add the following to your css. DO NOT replace what is already there.

#idname a {
color: #99000;
text-decoration: none;
}

#idname a:hover, a:active, a:focus {
color: #99000;
text-decoration: underline;
}

Then to use it add the ID to your link html like <a id=”idname” src=”http://…..>

1 user says Thank You to scotty for this useful post

1. funkmanusa

[funkmanusa Friend funkmanusaJoin date: April 2008Posts: 94Downloads:0Uploads:4 Thanks: 16 Thanked: 3 times in 1 posts]

#276311

I knew it would be something simple.

Thank you very much!

[funkmanusa Friend funkmanusaJoin date: April 2008Posts: 94Downloads:0Uploads:4 Thanks: 16 Thanked: 3 times in 1 posts]

#276315

OK, I’m stuck and not sure why it isnt working.

I have added to the template.css this:

#vendor a {
color: #99000;
text-decoration: none;
}

#vendor a:hover, a:active, a:focus {
color: #99000;
text-weight: bold;
}

And in the article for my link, this my code-

<a id=”vendor” href=”http://www.google.com/” target=”_blank”>Google</a>

Notice anywhere I’ve gone wrong?

Thanks again fro your help.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#276317

try <div id=”vendor”><a href=”http://www.google.com/” target=”_blank”>Google</a></div>

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#276324

Ehh disregard the above post.

Add this to your CSS…

a.vendor {
color: #990000;
text-decoration: none;
}

a.vendor:hover, a.vendor:active, a.vendor:focus {
color: #990000;
font-weight: bold;
}

and link will be <a class=”vendor” href=”http://www.google.com/” target=”_blank”>Google</a>

note: It’s now class NOT id and it’s font-weight not text-weight

1 user says Thank You to scotty for this useful post

1. funkmanusa

[funkmanusa Friend funkmanusaJoin date: April 2008Posts: 94Downloads:0Uploads:4 Thanks: 16 Thanked: 3 times in 1 posts]

#276371

Scotty,

Thanks very much!
That did the trick. I really appreciate you taking the time to help me.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#276394

No problem! I’m still learning myself 🙂

[Author]

Posts