Two types of links in a single template (Joomla!)
 

Hello Everyone,

I am trying to modify the Atomic template of Joomla. So what I want is to have the links of article/blog titles to have a black text with yellow background, while the rest of the links are just plain black.

All the links in my template uses the parameter below:

a:focus, a:hover {color:#fff;text-decoration:none;}
a {color:#121212;text-decoration:none;background-color:#ffc21f;

The problem with this code is that it makes every link in the page to have a yellow background.

Normally, I'll just make a separate class for the blog title and insert that into the <a> tags like <a class="blog-link"...></a>, but sadly the codes for the titles are generated by Joomla and I can't seem to find them. In addition, it kind of defeat the purpose of using a content management system like Joomla if I were to manually code the <a> tags every time a blog is published.

So, what do you recommend I do?

Hello redstep,
Would using the id or class of the element that contains your link be specific enough? If all the links will be contained in <article> you may target only those links by writing your CSS like this - See about specificity here.