CSS: Discourse Help

HTML & CSS
122

[quote=“cpradio, post:121, topic:109129”]
Or the Home key
[/quote]“Home” and “End” don’t always work as expected for me - or they didn’t, so I gave up using them long ago. May be fine now, of course.

123

So what should I do with these?

124

You didn’t tell us what you wanted to do with them. What color do you want the progress bar to be?

125

Add this:

td.main-link.clearfix:hover a { color: #FFF; }
126

i knda fixed it, only it dosn’et really work, as in, when you hover over the middle, only the central bar shows up bakground color. would there be anyway to make it so that when yu hover over something another thing changes color?

127

I don’t think you want to do that, as you lose the progress indicator that way. You should simply skip any hover logic on the progress bar and give the background two different shades of red. #topic-progress should be one shade and #topic-progress .bg should be another color.

128

Thanks! Is there any way to fix the second one?

129

See my prior post :smile:

130

Thanks! This works well but when the text is faded out (dunno why it does that) it stills stays that unreadable grey color. Any thoughts?

Yeah sorry i didn’t see that post!

EDIT: oh and also on the pinned topics when you hover slightly under or over the text, the background turns red, but the text turns back to grey?

131

I’ll have to see it when I get home, but when I ran that style previously it worked well for pinned topics, regular topics, etc.

Can you post a link that has an example of what you are referring to?

1 Like
132

Yeah sure here ya go:

This is the one where you slightly hover above/below it turns grey:

and this is when the topic is greyed out:

Any thoughts?

133

Yes this should do it:

td.main-link:hover div.topic-excerpt{color:#fff}
1 Like
134

Thanks this fixed the first one! Any thoughts on the second?

135

Second what? Please re-define it.

136

the second problem, which is when the topic is greyed out, it stays the same grey color @cpradio @PaulOB

137

Hi,

Not sure if this is the item in question but try this:

td.main-link.clearfix:hover a.title{color:#fff}
1 Like
138

Thanks this fixed it! Any ideas on how to change the colors of the notification icons? @cpradio @PaulOB

139

What notification icons? Screenshots would be really beneficial so we know what you are referring to.

140

The icons around the speech bubble:

141

You want to inspect the item and you’ll find class="badge-notifications unread-notifications" so your CSS class is:

.badge-notifications.unread-notifications { background-color: #FFF; color: #F00; }