Can't get HTML text color to work except in stack previews?

I can't tell if this is something wrong with my HTML, or if this is something to do with concrete5. I'm hoping one of you will know right off the bat, it shouldn't be difficult if you have an idea what might be happening.

So I'm making a navigation bar with HTML and it's pretty nice, but it no matter what shows the text a blueish color. I can get the background colors to change, but not the text. Oddly enough I can do whatever I want and it works when previewing the bar in a stack, but when I actually use it on a page, or place the HTML directly on a page, the color is blueish instead. Someone help please, I can't figure it out.

Here is my code:

div.topnav {
    background-color: #2E2E2E;
    overflow: hidden;
    margin: 0 auto;
div.topnav a {
    float: left;
    position: relative;
    display: inline;
    color: #ff0000;
    text-decoration: none;  
    text-align: center;

I have the URLS and text as examples right now since I haven't finalized what they're going to be just yet.

EDIT: I've realized that the theme link color is overriding the HTML text color. If I switch the color to transparent it simply makes the text disappear. If there's no way to override this I can use theme colors in the future through page types ahead of time, but then it will also make my normal text links in the body a new color that people don't recognize as normal links. I'm hoping there's some way to override this in my HTML code or something, it would work so much more cleanly.

View Replies: View Best Answer
Kibbles replied on at Permalink Best Answer Reply
I found a solution. You can put !important in the color CSS tag.

I was able to fix it like this:
color: #ff0000!important;

That will prioritize the css over the theme css.