Written by me@grafxflow
11 Sep, 2012
0
4,615
Changing a Joomla email link cloaking CSS color
Joomla has by default a plugin called Email Cloaking which replaces any email on the content with javascript to stop spam. I have noticed this brings one problem with regards to changing the hyperlinks colour.
At first the easy way is to add the following to the css:
a:link, a:visited {
color: #FF0000; /* Red colour */
}This works fine across the whole website but what if you wanted to give the hyperlinks different colours. Maybe giving the hyperlinks their own CSS class like...
<p>Here is the link <a class="email_color" href="#">mailto:example@email_address.com</a></p>... but NO the CSS class gets deleted by the plugin.
The best way I have found is to add the class to the paragraph tag that contains the email, so you get the following:
<p class="para_email_color" >Here is the link <a href="#">mailto:example@email_address.com</a></p>
</pre>.para_email_color a:link, .para_email_color a:visited {
color: #FF0000; /* Red colour */
}Visitors also read these Articles
12 Jan, 2010
Duplicate object in C4D
25 Mar, 2010
HTML Special Characters and CSS content code
24 Nov, 2013
PHP convert stdClass() object into JSON data
Smart Search
Latest Articles
Darth Maul and Micro-Organisms: Inside George Lucas's Cancelled Star Wars Sequel Trilogy
How to Automatically Convert DVD Subtitles to SRT on Mac
The $4 Billion Divorce: Inside the Awkward, Painful Sale of Lucasfilm to Disney
The Rift That Broke the Whip: Inside Lucas, Spielberg, and Harrison Ford's 'Furious Rows' Over Indiana Jones
Breaking the Endless Loop: Why Star Wars Needs an Origin Story
Popular Tags
me@grafxflow
Founder, Grafxflow
I am a Full-stack Developer who also started delving into the world of UX/UI Design a few years back. I blog and tweet to hopefully share a little bit of knowledge that can help others around the web. I build lighting-fast dynamic content engines with Laravel, Winter CMS and Tailwind CSS. Thanks for stopping by!