Style Resource

 

ButtonColor

Page history last edited by va 2 yrs ago

Button Color

 

To change the color of the button faces, use the following CSS:

 

<raw escaped=0><style>
.sub-menu ul li a,
.sub-menu ul li span {
background: red;
}
</style></raw>

 

To change the color of the border around the "selected" button, use this code:

 

<raw escaped=0><style>
.sub-menu ul li a:hover,
.sub-menu ul li.active a{
border:2px solid blue;
}
</style></raw>

 

To change the both, You can place both bits of CSS between the same <raw><style> tags, like so:

 

<raw escaped=0><style>
.sub-menu ul li a,
.sub-menu ul li span {
background: red;
}
.sub-menu ul li a:hover,
.sub-menu ul li.active a{
border:2px solid blue;
}
</style></raw>

 

 

As always, if you want to change the buttons on a single page, then place this code on that page. If you want the buttons to change on all pages, then place this code in your SideBar.

 

 

 

Comments (0)

You don't have permission to comment on this page.