How Do I Change LInk Color Top/Right Only? (CSS)

Hello.

I am putting the finishing touches on my 3rd boonex site.

I've gotten thru the difficult changes ok, but I have one last small issue that is driving me nuts.

I want to change the color of the links JOIN | LOGIN in the top right to a lighter color (due to dark background), but not the link color for all links on the site (those will remain the same).

I cannot find in the css where to do it despite a lengthy look and testing different potential spots.

I have attached an image of what I am talking about.

Thanks.

Jeff

top-links-color-question.png · 11.9K · 168 views
Quote · 22 Apr 2014

Try this:

div.sys-service-menu a.sys-sm-link {

color: red !important;

}

Quote · 22 Apr 2014

shannypoo,

That did it!

I cannot thank you enough. :)

Thought I'd pull all my hair out, but nature already took care of that.

Quote · 22 Apr 2014

Glad to help :)

Do you use browser development tools?

Quote · 22 Apr 2014

I have not used browser dev tools.
If it is something that would have helped me, I probably should.

Quote · 22 Apr 2014

Your life is about to change lol

I prefer chrome's tools - the interface is much less cluttered than firefox (firebug) and the colors are better.

just go to your site and right click on the "join" or "login" text.  From the menu, select "inspect element"

From there it's pure joy.

Quote · 22 Apr 2014

I would like to echo that gratitude! I was dealing with the same frustration. Thank you!

 

7.3.5 with responsive UNI
Quote · 30 Jul 2014
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.