Change hyperlink color in K2 items

GK User
Wed Jul 03, 2013 12:59 pm
Hello all:

I'm using K2 to create articles and would like to change the hyperlink color inside the items. How can I do this, I looked in k2.css but couldn't find the line to change the hyperlink. Is this something I need to change in the template's css?

Thanks for your help.
User avatar
Senior Boarder

GK User
Wed Jul 03, 2013 2:14 pm
Could You post an url to an article on your site, that have links inside?
User avatar
Moderator

GK User
Wed Jul 03, 2013 4:38 pm
http://vedics.cloudaccess.net/index.php/kainkaryams/current-kainkaryams

Each of the items in the table is a hyperlink that points to another k2 item.
User avatar
Senior Boarder

GK User
Wed Jul 03, 2013 5:26 pm
Use this CSS:
Code: Select all
#k2Container .itemFullText a {color: #ff0000}
#k2Container .itemFullText a:hover {color: #0000ff}


About adding custom CSS You can read here:
http://www.gavick.com/documentation/joo ... -template/
User avatar
Moderator

GK User
Wed Jul 03, 2013 9:20 pm
Thank you very much for your quick response. I added the code to k2.css but the first item where it links to another K2 article remains unchanged. I would like to change the hyperlink color to items linking to other K2 items as well and not just external URLs. Any ideas on how to do this?
User avatar
Senior Boarder

GK User
Wed Jul 03, 2013 10:02 pm
You should not edit k2.css but use override.css as described in attached url.
After adding changes to override.css (I dont see them now), please make a screenshot with marked elements You would like to change color.
User avatar
Moderator

GK User
Thu Jul 04, 2013 1:59 pm
Thanks again for your help. I added the code you gave to override.css and enabled override in template settings. I still dont see the changes. I've attached the screenshot.
User avatar
Senior Boarder

GK User
Thu Jul 04, 2013 2:51 pm
It seems like table generator is overriding link color, please try this code to force it back:
Code: Select all
#k2Container .itemFullText a,
#k2Container .itemFullText a span {color: #ff0000 !important}
#k2Container .itemFullText a:hover,
#k2Container .itemFullText a:hover span {color: #0000ff !important}
User avatar
Moderator

GK User
Thu Jul 04, 2013 4:26 pm
Thank you, I tried this code and added to override.css but it has no effect. However, when I copy the same code and paste it in k2.css, it works. All the other codes in override.css seem to work fine. Should I enclose your code in anything?
User avatar
Senior Boarder

GK User
Mon Jul 08, 2013 9:05 am
Nope, it should work out of the box.
User avatar
Moderator


cron