Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Vanilla's css seems to override mine?

Hello,
I am trying to add a custom top navigation bar on my site so it would be over my vanilla forum as well. The custom navigation bar is something like Google has on top.
Vanilla seems to override some of the styles and makes it stretch out too much. Is there something in the vanilla styles css that I need to change?
0
Comments
Please provide some more info click the link
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌
Thank you for your reply. I think it's easier to understand what I am trying by looking at this:
http://thegeekyme.com/creating-a-google-like-redblack-navigation-bar-without-any-imagejavascript
I pretty much copied all of it, only changing the link labels and URL's.
How do you add this navigation bar on top of a vanilla forum without Vanilla messing the styles up?
Ok so You Want that custom menu on your forum ?
I need to know what version of vanilla what theme and post the code from the custom menu between < pre> tags
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌
The custom.css in the design directory of your theme is loaded after Vanilla's default CSS. It sounds like your rules are being applied and you just need to add extra declarations to change some of default styles.
If your rules aren't getting applied, it could be that the precedence of the selectors in the default CSS are higher than your rules, so you would need to change the selectors of your rules to match the precedence of the default rules.
Add Pages to Vanilla with the Basic Pages app
Hmm... Yes, the problem is solved now. I had to even out some of the paddings. Thank you guys for your help