Thread List Color

[tunescool]

i want to change just the thread list font color and hover

im pretty sure the Visual Editor changes both the board and thread lists at the same time

[tunescool]

bump

[CheatAreZee]

Hi tunescool,

You're correct that the visual editor will modify other links apart from just the threads listing. Unfortunately I found this topic too late in the day to be able to look into it further to offer a solution, but should have something for you tomorrow if someone else hasn't already provided a solution.

Just wanted to reply at least to let you know that you're not being ignored in the meantime

[tunescool]

alrite ricky

[Brian]

Hi, tunescool.



I've decided to make things a little easier for you and guide you through a way to add these colors to the Visual Editor in the Colors & Styles page.



To start, go to Themes > Colors & Styles and select the Style Sheet tab.



Paste the following at the bottom of your style sheet:

@threads_hover_background_color: #dadada;

@threads_hover_text_color: #000000;

@threads_hover_link_color: #0000ff;

@threads_timestamp_color: #000000;



.threads .item:hover { background-color: @threads_hover_background_color; color: @threads_hover_text_color; }

.threads .item:hover .main .link a,

.threads .item:hover .replies a { color: @threads_hover_link_color; }

.threads .item:hover .time { color: @threads_timestamp_color; }

Save Changes to your style sheet, then at the very bottom of the page below your forum's preview, select the Visual Editor Builder tab. This page gives you direct access to the Visual Editor's layout. You can add, remove, and reorganize anything here. For now, we're going to just add a new section.

Hover over Body (Content) and select the + Add New Row button. Type Thread Hover into the field that pops up and ensure that the dropdown is set to Section. Click on the + Accept button to save your new section.

Now we'll add color changers to the section. Hover over your new Thread Hover section and click on the + Add New Row button 4 times so it creates 4 new rows under Thread Hover. Fill them in with the following information:



Once that's complete, click the + Accept button next to all 4 of them to save them, then select the Save Changes button on the bottom left of the page.



Now you can finally edit the colors shown when you hover over a thread. Go back to the top of the page and select the Visual Editor tab. Click on Body (Content) to expand it. Your new Thread Hover section should be inside of it now. Navigate into one of your boards in the preview pane, then expand the Thread Hover section and make changes to the colors and try them out in the preview by hovering over threads.

[tunescool]

i think that was the most informative post ive ever gotten in return for as far as anything important

but im changing the thread link text and the threads hover when you hover over the link

thanks Brian Ordonez

[Brian]

Will that code work for you then or did you need anything else? That was only for the hover stuff.

[tunescool]

Dec 19, 2012 10:42:51 GMT -8 Brian said:

Will that code work for you then or did you need anything else? That was only for the hover stuff.

what you gave me changes just the hover of the cell, i need what changes the thread text font color and the thread text hover font color

i only said

Posted by ? tunescool ?
i want to change just the thread list font color and hover

in my first post and wasnt paying enough attention and it may have been misleading, i apologize

[Brian]

In that case, you'd want to replace the older CSS I posted with this:

@threads_hover_background_color: @container_highlight_color;
@threads_hover_text_color: #000000;
@threads_hover_link_color: #0000ff;
@threads_timestamp_color: @timestamp_color;

.threads .item:hover { background-color: @threads_hover_background_color; color: @threads_hover_text_color; }
.threads .item:hover .main .link a,
.threads .item:hover .replies a { color: @threads_hover_link_color; }
.threads .item:hover .time { color: @threads_timestamp_color; }

@threads_text_color: #000000;
@threads_link_color: #cc0000;
@threads_time_color: @timestamp_color;

.threads .item { color: @threads_text_color; }
.threads .item .main .link a,
.threads .item .replies a { color: @threads_link_color; }
.threads .item .time { color: @threads_time_color; }

And then, using the same method as last time, add the following section to the Visual Editor Builder alongside the options you added previously:



These ones will be for when you're not hovering over the thread.

[tunescool]

i have all this saved in my stylesheet, 00381E is blue but nothing has changed and the text is still black



thenotablenook.freemessageboards.com/board/42/mary-kate-ashley-olsen-lizzie

i didnt miss anything or have any errors do i

[Brian]

The #000000 on line 908 shouldn't be there. And the #00381E on line 916 shouldn't be there.

[tunescool]

Dec 19, 2012 12:18:12 GMT -8 Brian said:

The #000000 on line 908 shouldn't be there. And the #00381E on line 916 shouldn't be there.

ive removed those but the threads are still black

[Brian]

The code appears to be working fine for me when I look at your forum.

#000000

#00381E

That's what each of those colors looks like. #00381E is a shade of green.

[tunescool]

Dec 19, 2012 13:35:43 GMT -8 Brian said:

The code appears to be working fine for me when I look at your forum.

#000000

#00381E

That's what each of those colors looks like. #00381E is a shade of green.

sorry, i had it backwards, 00138E is what i use

they are the correct color now and everything is working

i swear i didnt see that green when i looked at it, it looked black, maybe i just looked quick and didnt notice

thanks for all your help today brian, you got some serious issues taken care of in that other thread today that i mite have been stuck with for a long time that noone would have understood

[Brian]

No problem. Always glad to be of assistance.