Joomla Templates Club 406,261 posts

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#175610

How do I assign different link and hover colors to the text links in the custom HTML modules placed in the User 11/12/13/14 areas?

Since the links automatically gets the same colors as the links in the body, they are not clearly visible in the darker backgrounds. I want to specify my own active and hover colors for the links in the modules.

Can some one please help me.
Thanks.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#446851

You find the code from /templates/ja_bistro/css/template.css

#ja-botsl .ja-moduletable a.readon:hover, #ja-botsl .ja-moduletable a.readon:focus, #ja-botsl .ja-moduletable a.readon:active {
background-image: url('/bistro17/templates/ja_bistro/images/arrow-2-hover.gif');
color: white; < change the bold text
}
#ja-botsl .ja-moduletable a.readon {
color: #F3DEBF; < change the bold text
background: url('/bistro17/templates/ja_bistro/images/arrow-2.gif') no-repeat right center;
}

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#446858

Dear Khoand,
Thanks for the reply. I think I haven’t submitted my question in completeness. The readon links are fine. What is needed is to change the link colors of the EMAIL AND URL‘s as circled in the attached picture in the original posts.
Really appreciate your help please.
Thanks you.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#446872

You give me a link to your website, please.

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#446989

Hi Khoand,
Thanks for the offer to help further. Currently, I am working on locally. I will upload the site to night to a temp directory and give you the URL.
OJ

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#447587

dear khoand,
Here is the link to temp URL: http://www.romenchariot.ca/demo/
Thanks for your help in advance.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#447702

You add the code into /templates/your_template/css/template.css

.ja-box-left a:hover, .ja-box-left a:active, .ja-box-left a:focus {
color: green;
}

1 user says Thank You to khoand for this useful post

1. jayatunge

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#448000

That does not change the Active and Focus color. It only changed the Hover color.
I need to change the all three aspects.

PS
Well, I changed the code like this and it worked:

.ja-box-left a:link, .ja-box-left a:active, .ja-box-left a:focus {
color: #F3DEBF !important;
text-decoration: none;
}

.ja-box-left a:hover {
color: #FFF !important;
text-decoration: none;
}

Thanks for the guidance.

1 user says Thank You to jayatunge for this useful post

1. khoand

[Author]

Posts