Top-nav button border color

[Daniel Lax]

In the top-navigation, I created a Donate button using the CSS button spec, as you have on your theme sample. It works fine.

But is it possible to change the default green color of the button’s border in its non-hover state?

Thanks!

[Daniel Lax]

Interestingly, the Donate button appears differently in various browsers.

With IE, if I set the button text to be black, just the border is green. But in Chrome, even with the same settings, the border and the text are green.

I’d like to be able to adjust the green color wherever it appears.

Thanks!

[Daniel Lax]

You can ignore the post about different browsers. Chrome is OK now. The cache must have been slow to catch up.

So, if the green border can be changed, that would be great! Thank you, sir!

[Bill Robbins]

Hello Daniel,

Excellent question. I do not have a separate color option for that. I will add that in the next update to the theme so that’s a bit easier for everyone. Until then though you can change it this way:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   nav#top-menu ul li.button a,
   .scroll nav#top-menu ul li.button a {
   	border-color: #AEB54C;
   	color: #AEB54C;
   }
   
   nav#top-menu ul li.button a:hover,
   .scroll nav#top-menu ul li.button a:hover {
   	color: #000;
   	border-color: #000;
   }
   

3. The top style there is for the button in its normal state. The bottom is for the hover state. You can change the text and border colors there.
4. Update your settings.

If you run into any questions or trouble, let me know.

Thanks,
Bill

[Daniel Lax]

Perfect! Again!

Great thanks!

[Bill Robbins]

Glad to help out Daniel…have a great afternoon.

[Author]

Posts