Top-nav button border color
URL to the page in question:
-
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!
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!
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!
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:
- Go to your theme options page and choose the Advanced tab.
- 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;
}
- 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.
- Update your settings.
If you run into any questions or trouble, let me know.
Thanks,
Bill
Perfect! Again!
Great thanks!
Glad to help out Daniel…have a great afternoon.
- The topic ‘Top-nav button border color’ is closed to new replies.