Joomla Templates Club 406,261 posts

[andreamarucci Friend andreamarucciJoin date: November 2008Posts: 60Downloads:0Uploads:11 Thanks: 2]

#175317

in that position I’ve inserted this code

<div class="banner-text">Tel. +39 123 1234567 | info@domain.it</div>

and I’ve disabled the parsing of the email address otherwise this appear as a link using the same color of the other links in the site (like Un estate su due ruote).

I would like to make that email clickable leaving it white. How can I do that?

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#445295

You would not normall disable the parsing of the email address but instead create a custom module class. In the custom module class you can adjust the css styling just for this module and set your link to be white.

[andreamarucci Friend andreamarucciJoin date: November 2008Posts: 60Downloads:0Uploads:11 Thanks: 2]

#445300

Phill I know that that’s the solution. Problem is that I’m not able to create a custom module class…

[andreamarucci Friend andreamarucciJoin date: November 2008Posts: 60Downloads:0Uploads:11 Thanks: 2]

#445302

That’s the class to modify

div.banner-text {
background: url(../images/text-banner-bg.jpg) no-repeat 0px 0px;
color: #fff;
font-family: Georga, "Times New Roman", serif;
font-size: 175%;
height: 65px;
line-height: 65px;
text-align: center;
width: 100%;
}

What I’ve to add to make the link white?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#445303

Probably something like

div.banner-text a:hover {
background: url(../images/text-banner-bg.jpg) no-repeat 0px 0px;
color: #fff;
font-family: Georga, "Times New Roman", serif;
font-size: 175%;
height: 65px;
line-height: 65px;
text-align: center;
width: 100%;
}

using the a:hover attribute

[andreamarucci Friend andreamarucciJoin date: November 2008Posts: 60Downloads:0Uploads:11 Thanks: 2]

#445304

Solved, thank you very much!

[Author]

Posts