[Template] Thread List Text/Hover Colors

[tunescool]

The Visual Editor only allows you to change the color of Board Names And Thread Titles at the same time, the hover and thread cell hover as well

If you would like to change the color of your Thread Titles, Replies Column, Timestamp, or any Thread List Hover seperately, add this to the end of

/* Thread List */

In your Stylesheet, leave the colors the way they are for now, you'll be able to change them easily after we add them to the Visual Editor

.threads .item:hover { background-color: @threads_hover_background_color; color: @threads_hover_text_color; }
.threads .item:hover .main .link a { color: @threads_hover_link_color; }
.threads .item:hover .replies a { color: @threads_hover_replies_color; }
.threads .item:hover .time { color: @threads_timestamp_color; }
@threads_hover_background_color: #ffffff;
@threads_hover_text_color: #000000;
@threads_hover_link_color: #00138e;
@threads_hover_replies_color: #000000;
@threads_timestamp_color: #000000; /* The Timestamp Hover */

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

@threads_text_color: #000000;
@threads_link_color: #00138E;
@threads_replies_color: #000000;
@threads_time_color: @timestamp_color;

.threads .item { color: @threads_text_color; }
.threads .item .main .link a { color: @threads_link_color; }
.threads .item .replies a { color: @threads_replies_color; }
.threads .item .time { color: @threads_time_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 List 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 List section and click on the + Add New Row button 3 times so it creates 3 new rows under Thread Hover. Fill them in with the following information:



I use Mac and i had to scroll down over each new field to get these, choose the appropriate action



Once that's complete, click the + Accept button next to all 3 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 on your Thread List page. Go back to the top of the page and select the Visual Editor tab. Click on Body (Content) to expand it. Your new Thread List section should be inside of it now. Navigate into one of your boards in the preview pane, then expand the Thread List section and make changes to the colors and try them out in the preview by hovering over threads.

---

Do The Same For The Hover











Thanks To Brian

[Stinky666]

I love you. Thanks a bunch for this.
Works a treat.

Don't suppose you know how to remove the "oncell click" stuff do you? So, you have to click a thread link to go into the thread, instead of hovering on blank space on a thread and being able to click it - same for boards too.

[tunescool]

im not sure

[Brian]

I don't object to this being easily accessible to everyone, but in the future I'd advise against copying someone's posts without crediting them. Lots of people are much more iffy than me about content they posted being copied, depending on what's actually being copied.

Also, the part where you had to scroll down is due to the width of the @variable fields. If they exceed the width of the Visual Editor Builder, they move on to the next line, which is obscured from view. If your variable names aren't as long as the ones specified in the guide, that usually won't happen.

[tunescool]

i didnt think of it, im not a coder, im not used to it. some things are difficult in v5 and i just wanted to have this available for anyone. i copied your instructions because it looked really nice and im not much for words

[Sammiie]

Thanks to Brian & you for posting this!