• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Removing the bar between messages?

Kelemvor

Lifer
When you are in a thread, there's a yellow (at least for me) bar between each person's response. Is there any way to remove that? It seems to break up the flow a bit...
 
I read something in a different thread that says if you change your theme to "Cool", the bar goes away. I tried it and it did seem to work but I didn't like the color scheme.
 
Some must like it, or Jason wouldn't have put it in there. But for those who would rather not see it, try this in your usercontent.css of Mozilla or Firefox:
td.ftalternatingbarseparater {
height: 0px !important;
padding: 0px !important;
}

td.ftalternatingbarseparater img {
height: 0px !important;
}
 
Originally posted by: jliechty
Some must like it, or Jason wouldn't have put it in there. But for those who would rather not see it, try this in your usercontent.css of Mozilla or Firefox:
td.ftalternatingbarseparater {
height: 0px !important;
padding: 0px !important;
}

td.ftalternatingbarseparater img {
height: 0px !important;
}



Ahhhh.....thanks!
 
Nope we're not removing it, its in alot of other forums out there and helps separate the messages, without it messages are right next to each other and it can be distracting to some users. The spacing we use is far less than some other forums out there.
 
Originally posted by: jliechty
Some must like it, or Jason wouldn't have put it in there. But for those who would rather not see it, try this in your usercontent.css of Mozilla or Firefox:
td.ftalternatingbarseparater {
height: 0px !important;
padding: 0px !important;
}

td.ftalternatingbarseparater img {
height: 0px !important;
}

Thanks! works great for me 😀
 
Originally posted by: jliechty
Some must like it, or Jason wouldn't have put it in there. But for those who would rather not see it, try this in your usercontent.css of Mozilla or Firefox:
td.ftalternatingbarseparater {
height: 0px !important;
padding: 0px !important;
}

td.ftalternatingbarseparater img {
height: 0px !important;
}


<Warning! Noob question follows/> Uhh, where do I find the "usercontent.css" in Firefox? As you can tell I'm a little new at Firefox. 😱
 
Originally posted by: Buz2b<Warning! Noob question follows/> Uhh, where do I find the "usercontent.css" in Firefox? As you can tell I'm a little new at Firefox. 😱
If it follows the same pattern as Mozilla, it should be in:
C:\Documents and Settings\username\Application Data\FireFox\Profiles\default\random.text\chrome\

You may not have one, if not, then create a blank "userContent.css" and add the aforementioned CSS. If you create the file in Notepad, save it with the quotation marks around the filename including the extension, or Notepad will append a .TXT on the end after the .CSS

If you can't find that folder, make sure that hidden files and folders are displayed (Application Data folder is hidden on my system), and if you can find App Data but can't find something further along in the process, try searching your hard drive for userContent-example.css, which is in the same folder where userContent.css should be.
 
Originally posted by: Buz2b
Originally posted by: jliechty
Some must like it, or Jason wouldn't have put it in there. But for those who would rather not see it, try this in your usercontent.css of Mozilla or Firefox:
td.ftalternatingbarseparater {
height: 0px !important;
padding: 0px !important;
}

td.ftalternatingbarseparater img {
height: 0px !important;
}


<Warning! Noob question follows/> Uhh, where do I find the "usercontent.css" in Firefox? As you can tell I'm a little new at Firefox. 😱
under windows:
\Documents and Settings\%username%\Application Data\Mozilla\Profiles\default\XXXXXXXX.slt\chrome\userContent.css

%username% is the user account and "XXXXXXXX" is a randomly generated folder name (there will only be one .slt folder).
 
OK, I think I found the folder(s) in question, except I'm not sure. God I HATE sounding so much like a noob. Anyway, I found it under Pheonix, etc, etc, but there was nothing under Mozilla. What I found though was two .css files:
userChrome example.css
&amp;
userContent example.css
Assuming the latter is the one I want, I opened it and saw the following: "Edit this file and copy it as userContent.css into your profile-directory/chrome/"

Soooo, do I just add the text you listed earlier at the bottom of this text box, save it and try the browser or do I edit out all the text in there (looks like there is just a bunch of example lines) and copy in the new stuff, save the file AS "userContent.css" (not userContent example.css) as the above quote seems to instruct?
Sorry for all the questions but I'm a hardware kinda guy and tend to screw things up when dealing with stuff like this.
 
Originally posted by: Buz2b
OK, I think I found the folder(s) in question, except I'm not sure. God I HATE sounding so much like a noob. Anyway, I found it under Pheonix, etc, etc, but there was nothing under Mozilla. What I found though was two .css files:
userChrome example.css
&amp;
userContent example.css
Assuming the latter is the one I want, I opened it and saw the following: "Edit this file and copy it as userContent.css into your profile-directory/chrome/"

Soooo, do I just add the text you listed earlier at the bottom of this text box, save it and try the browser or do I edit out all the text in there (looks like there is just a bunch of example lines) and copy in the new stuff, save the file AS "userContent.css" (not userContent example.css) as the above quote seems to instruct?
Sorry for all the questions but I'm a hardware kinda guy and tend to screw things up when dealing with stuff like this.
I don't know what's in the userContent-example.css, but here's what to do: Go into Notepad, paste in the CSS I posted above, then go to File > Save, go to the folder where you found the example files, and type "userContent.css" in the filename box (with the quotes). You will need to restart your browser for the settings to take effect.
 
Originally posted by: aircooled
I don't mind it, but it would look better about half as thick.
Well, then change the first height value to be however many px looks good to you (try 3 to start, it seems 7 was the original default). You may need to delete the line that starts with "padding," for it to look right, I have no idea; since I don't like the bar at all, I have no motivation to test it otherwise. You'll have to play on your own if you want differently. 🙂
 
Originally posted by: jliechty
Originally posted by: Buz2b
OK, I think I found the folder(s) in question, except I'm not sure. God I HATE sounding so much like a noob. Anyway, I found it under Pheonix, etc, etc, but there was nothing under Mozilla. What I found though was two .css files:
userChrome example.css
&amp;
userContent example.css
Assuming the latter is the one I want, I opened it and saw the following: "Edit this file and copy it as userContent.css into your profile-directory/chrome/"

Soooo, do I just add the text you listed earlier at the bottom of this text box, save it and try the browser or do I edit out all the text in there (looks like there is just a bunch of example lines) and copy in the new stuff, save the file AS "userContent.css" (not userContent example.css) as the above quote seems to instruct?
Sorry for all the questions but I'm a hardware kinda guy and tend to screw things up when dealing with stuff like this.
I don't know what's in the userContent-example.css, but here's what to do: Go into Notepad, paste in the CSS I posted above, then go to File > Save, go to the folder where you found the example files, and type "userContent.css" in the filename box (with the quotes). You will need to restart your browser for the settings to take effect.

The bell rings, the light comes on and another fool is enlightened! :laugh: Thanks jliechty, that did the trick. Much less distracting now. Thanks for spending the time with me on this.
 
Originally posted by: Buz2bThe bell rings, the light comes on and another fool is enlightened! :laugh: Thanks jliechty, that did the trick. Much less distracting now. Thanks for spending the time with me on this.
Hey, don't feel too bad, I knew less than that at one time myself. Many thanks to BBWF for making his excellent CSS many moons ago and for getting me started on the whole CSS thing also. 🙂
 
Anyway, I found it under Pheonix, etc, etc, but there was nothing under Mozilla.
Sorry, I neglected to mention that if you are running Pheonix or Firefox the path will read "pheonix" rather than "mozilla"
 
I dont mind the bar in the middle so much. It is the color schemes that suck now. There used to be a cool purple one and a few others I liked. Now they are all so generic and the colors dont match with each other. YUK!

🙂
 
Originally posted by: Jason Clark
Nope we're not removing it, its in alot of other forums out there and helps separate the messages, without it messages are right next to each other and it can be distracting to some users. The spacing we use is far less than some other forums out there.


Thanks for listening to your customers.

The reason you give, its in alot of other fourms, doesn't really address the concerns that people have expressed about it.

It takes up more room and distracts from the flow of the thread. The colors are annoying and make the forums look cartoonish.

But please, do what you want and decide what everyone likes for them.
 
The messages were plenty spaced before... for instance the bar that has "reply : Quote : Top : Bottom" and then the bar underneath that had the time and buttons and whatnot were space enough between each message.

If you insist the bar must stay there, can we have an option to change the color... please!

If we can't get rid of it, then all I ask is that you "find it in your heart, to make this go away" and let the colors be customized.

Thanks
 
Originally posted by: jliechty
Some must like it, or Jason wouldn't have put it in there. But for those who would rather not see it, try this in your usercontent.css of Mozilla or Firefox:
td.ftalternatingbarseparater {
height: 0px !important;
padding: 0px !important;
}

td.ftalternatingbarseparater img {
height: 0px !important;
}

That's awesome...thanks!
 
Get rid of the bar. The gray from the &quot;Reply:Quote:Top:Bottom&quot; does a fine job of separating the messages.
 
Back
Top