Highlight announced discussions in BitterSweet theme?

peregrine

The solution and a discussion is already here...

regarding categories background color tangent from the original discussion about announcements.

It just requires reading and cutting an pasting.

http://vanillaforums.org/discussion/28382/is-it-possible-to-change-the-background-of-posts-in-recent-discussions

vrijvlinder

I'm not sure how I can make it more specific.

I think you did manage to do it. I saw your site and the category "test" is the only one with red background.
Every new category has a class name or id attached to it. You simply rob that class name to make the new css rule.

MrCanadian

@vrijvlinder said:

Alright, in that case - I've been trying for the past hour to get the "TEST" in the red box to become white so that it contrasts against the red, but for the life of me I can't figure out which element I need to change, having tried a zillion of them.

Could I tap your generosity for one more line of code in order to do this?

vrijvlinder

.DataList .Category-test a.Title{
    color: #fff;
}

vrijvlinder

.Category-test would be the li item and anything inside the item can be customized when you use the stolen class name to make a new css rule.

.DataList .Category-test .Meta{
    color: #fff;
}

.DataList .Category-test .MItem{
    color: #fff;
}

.DataList .Category-test .MItem a{
    color: #fff;
}

MrCanadian

@vrijvlinder said:
.DataList .Category-test a.Title{
color: #fff;
}

The colour seems to remain grey, even with this code - I've tried a zillion different things, even trying to change the colour through HTML tags in "locales", if it can be believed.

vrijvlinder

When a rule does not work try adding !important

.DataList .Category-test a.Title{
color: #fff!important;
}

peregrine

hijacked? not a good term! since there is a Hijack class that has nothing to do with it that will confuse the next person reading the forum.

simply the Category-your-category-name. (nothing Hijacked about it)

same with conflating bonk with 404.

vrijvlinder

You might also have a cache issue and do not see the changes right away, I recommend a browser extension that reloads a fresh css ...

I see the changes....

peregrine

or you could have used the CssEdit Plugin or cloned the theme

then you wouldn't have had the cache issue.

MrCanadian

I've been using the CSS Edit plugin from the beginning to do all these changes.

Even with the !important tag, it doesn't seem to be working for some mysterious reason.

MrCanadian

This is what it looks like on my screen, which I have saved:

vrijvlinder

It is working... I see the changes. You need the reload css browser extension.. please pay attention.

https://chrome.google.com/webstore/detail/css-reloader/dnfpcpfijpdhabaoieccoclghgplmpbd?hl=en

vrijvlinder

https://addons.mozilla.org/en-US/firefox/addon/css-reloader/

https://chrome.google.com/webstore/detail/css-reloader/dnfpcpfijpdhabaoieccoclghgplmpbd?hl=en

http://cssrefresh.frebsite.nl/

MrCanadian

@vrijvlinder said:
It is working... I see the changes. You need the reload css browser extension.. please pay attention.

https://chrome.google.com/webstore/detail/css-reloader/dnfpcpfijpdhabaoieccoclghgplmpbd?hl=en

I suppose that's why I'm unable to see the changes - because that's not actually what we're trying to do here and on a different page than what we've been working on.

Alright, I'll simplify:

On the recent discussions page, one will see a little red box with "test" in it (the box I originally thought you were referring to, since we had abandoned the idea of turning the entire box a different colour since it was too complicated).

The "TEST" text in that little red box is grey. I would like that text to be white (if possible), and am seeking help to accomplish this.

If it's possible, I would be appreciative of the code to do so.

If not, I understand and appreciate your time.

If I was unclear at any point during this discussion, then I apologize.

And yes, I do believe that more than some here, I've been paying attention quite well, thank you.

MrCanadian

Here is a screenshot of what I'm referring to if it helps:

peregrine

.DataList .Category-test a{
color: white;
}

or
.DataList .Category-test a{
color: black;
}

http://www.w3schools.com/css/css_text.asp

Once you spend more time sharpening your axe with tutorials, you won't need to spend as much time trying to explain to somebody what you want, because you will know how to do it.

vrijvlinder

I just made a plugin to work as the browser extension but automatically any time some css file is modified. I need testers before I release it.

MrCanadian

@peregrine said:

.DataList .Category-test a{
color: white;
}

or
.DataList .Category-test a{
color: black;
}

http://www.w3schools.com/css/css_text.asp

Once you spend more time sharpening your axe with tutorials, you won't need to spend as much time trying to explain to somebody what you want, because you will know how to do it.

Much appreciated, thank you.

Clarity and practice together make sound advice that I will heed.

Thanks to one and all for their time and help.

MrCanadian

@vrijvlinder said:
I just made a plugin to work as the browser extension but automatically any time some css file is modified. I need testers before I release it.

How do I go about testing it? Just installing it?