Change color of link buttons

StackOverflow https://stackoverflow.com/questions/22970198

Question

I am trying to change the color of my button text to white, the buttons which show who is logged in and the logout button. Right now its blue and not easy to see whats it shows.

I think it's because the buttons are links, that why its blue.

enter image description here

Code:

  <p class="navbar-text pull-right">
 <span class="glyphicon glyphicon-user"></span>  
<span class="label label-info" style="color:white">  Innlogget:  <a class="navbar-link" style="color:white">{{ HTML::linkRoute('user_data', Auth::user()->user_name) }} </a> </span> |
<span class="label label-danger" style="color:white">{{ HTML::linkRoute('logout', 'Logg ut') }} </span></p> 
 <ul class="nav navbar-nav pull-left">
Was it helpful?

Solution

CSS

.label, 
.label a{font-size:18px; /*change font size as per requirement*/ color:#fff} 

.label-info:after { content: "|"; margin-left:8px; }

should work

OTHER TIPS

CSS Not proven

<html>
<head>
<style>
a:link, a:visited {
color:white;
}
</style>
</head>
<body>
........
</body>

You say link then this is if its just only a link.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top