DavidBeaver Posted January 6, 2012 Share Posted January 6, 2012 Hi, I have added a hyperlink as seen below: header.tpl Line 16 <div id="company_title"><a href="https://onlinediscounts4u.com" target="_blank">{$companyname}</a></div> I am trying to style just this hyperlink using the div. I do not want to change all hyperlinks. You can see what I have tried below: Styles.css Lines 1 thru 5 #company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;} #company_title a:link {color:ffffff;} #company_title a:visited {color:ffffff;} #company_title a:hover {color:ffffff;text-decoration:underline;} #company_title a:active {color:ffffff;} I am unable to get the color to change. Any help would be greatly appreciated. Thanks! 0 Quote Link to comment Share on other sites More sharing options...
Sitepearl Posted January 7, 2012 Share Posted January 7, 2012 Your custom styles are being overrode on style.css line 44. You can either remove the color on line 44, move your code above after line 44, or I think you can add !important (color:#FFFFFF !important) to your code and it should take precedence over the style on line 44. Tom 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.