Public Forums 71,145 posts

[brankopilic Friend brankopilicJoin date: December 2014Posts: 131Downloads:0Uploads:70 Thanks: 53 Thanked: 5 times in 1 posts]

#198666

Hi,

How to convert active links or buttons to different color?

I am working on this website that should be optimized on different screen sizes:
http://blog.immigrationuslawyer.com/citizenship

and here is website that I am trying to replicate as it is:
http://immigrationuslawyer.com/service.html

so on this site: http://immigrationuslawyer.com/service.html there are active buttons and links in red color.
And I am trying to do the same on this website: http://blog.immigrationuslawyer.com/citizenship

Is it possible to convert active links from HTML module and Article/content when they are active to stay in another color? (in this case in red color)

Thank you,
b

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#538570

Please open the root_folder/templates/purity_iii/css/custom.css file and add this declaration:

a.btn-red:hover, a.btn-red:active,
a.btn-red:focusa.ja-typo-btn {
background: #F70712
border-color: #F70712
}

As for your second question, since you’re using custom HTML code to implement navigation, it’s impossible to detect menu’s active state.

2 users say Thank You to Adam M for this useful post

1. brankopilic
2. Nazario A

[brankopilic Friend brankopilicJoin date: December 2014Posts: 131Downloads:0Uploads:70 Thanks: 53 Thanked: 5 times in 1 posts]

#538594

Hi,

1. I added your suggestion to custom.css but it looks like that has not applied on the website:
http://blog.immigrationuslawyer.com/citizenship

I guess it should be changed somewhere here:

2. Regarding second part:
“As for your second question, since you’re using custom HTML code to implement navigation, it’s impossible to detect menu’s active state.”

I have created menu links and linked with their articles and this help me to have:
http://blog.immigrationuslawyer.com/filing-for-u-s-citizenship-while-overseas
http://blog.immigrationuslawyer.com/citizenship-through-naturalization

This help me to have a each page connected with it’s menu link.

Is it now possible to covert this kind of links that are connected with menu links to active link when you click on it and to have just another color?

P.S. There is old-fashion way to do that if I create let’s say 10 modules with different links colors inside and assign module with read/different color link to it’s menu/link. But I think that it is modern solution for it, I hope so.

---

Attachments:

1. 
2. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#538698

Look like you have just updated your site since all hyperlinks above lead to 404 page, could you please check again and confirm your current situation?

[Author]

Posts