Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Please Help Make 'Separator Lines' in Menu Bar Items more Visible for Firefox 46

1,062 views
Skip to first unread message

Teachem

unread,
May 6, 2016, 4:24:07 PM5/6/16
to mozilla-sup...@lists.mozilla.org
I've been unable to make the 'Separators' more visible in the Menu Bar Items, such as Bookmarks. Having scoured the net, I installed 'Stylish' and tried a number of scripts (probably wrong) from different sites to make Separators thicker plus include a color to lines. Nothing has worked, and many hours spent to no avail. Tired of squinting at Separator Lines for reference. This appears to be a common problem with poor solutions for newbies in this area. Could somebody please provide instructions, code references, or point in the right direction?
Thanks

Big Al

unread,
May 6, 2016, 4:55:44 PM5/6/16
to mozilla-sup...@lists.mozilla.org
On 05/06/2016 04:12 PM, Teachem wrote:
> I've been unable to make the 'Separators' more visible in the Menu Bar Items, such as Bookmarks. Having scoured the net, I installed 'Stylish' and tried a number of scripts (probably wrong) from different sites to make Separators thicker plus include a color to lines. Nothing has worked, and many hours spent to no avail. Tired of squinting at Separator Lines for reference. This appears to be a common problem with poor solutions for newbies in this area. Could somebody please provide instructions, code references, or point in the right direction?
> Thanks
>
/* Make separators in bookmarks easier to see */

menuseparator {

-moz-appearance:none !important; /* nothing changes without this */

background: black !important;

height: 3px !important;

padding: 0px !important;

}

Put the above in userChome.css in your chrome folder of profile.
If the file/folder does not exist, make them.
If a new file, add this to the first lines above this script.

@namespace
url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Big Al

unread,
May 6, 2016, 5:03:39 PM5/6/16
to mozilla-sup...@lists.mozilla.org
That didn't post as well as I wanted. Those few lines of code should
not be double space FYI, and this only makes the bookmarks MENU
separators bigger. You can change the 3px to anything and test
changing the black to some color. I never tried color.

J. P. Gilliver (John)

unread,
May 6, 2016, 7:28:29 PM5/6/16
to mozilla-sup...@lists.mozilla.org
In message
<mailman.1420.146256624...@lists.mozilla.org>,
Until someone posts something you like (is Big Al's solution OK?), you
can always create dummy bookmarks "==========" or similar (-:

[Someone cleverer than I can say what script or whatever to put in as
where they go to to represent "current page", so they don't do anything
if accidentally clicked on.]
--
J. P. Gilliver. UMRA: 1960/<1985 MB++G()AL-IS-Ch++(p)Ar@T+H+Sh0!:`)DNAf

in the kingdom of the bland, the one idea is king. - Rory Bremner (on
politics), RT 2015/1/31-2/6

WaltS48

unread,
May 6, 2016, 8:27:41 PM5/6/16
to mozilla-sup...@lists.mozilla.org
On 05/06/2016 04:12 PM, Teachem wrote:
> I've been unable to make the 'Separators' more visible in the Menu Bar Items, such as Bookmarks. Having scoured the net, I installed 'Stylish' and tried a number of scripts (probably wrong) from different sites to make Separators thicker plus include a color to lines. Nothing has worked, and many hours spent to no avail. Tired of squinting at Separator Lines for reference. This appears to be a common problem with poor solutions for newbies in this area. Could somebody please provide instructions, code references, or point in the right direction?
> Thanks

What operating system?
--
Linux Mint 17.3
Go Pens! Go Bucs!
Go Thunderbirds! <http://pghthunderbirds.com/>
Coexist · Understanding Across Divides <https://www.coexist.org/>

Teachem

unread,
May 7, 2016, 12:05:10 AM5/7/16
to mozilla-sup...@lists.mozilla.org
Thanks to all..., OS Win8.1 Firefox 46.0.1
Q: With Big Al's solution do I create a userChome.css file in notepad and change it to .css, then drop it in Firefox's Chrome folder, and if it doesn't exist create said folder?

Peter Boulding

unread,
May 7, 2016, 4:42:01 AM5/7/16
to mozilla-sup...@lists.mozilla.org
On Fri, 6 May 2016 13:12:58 -0700 (PDT), Teachem <russ...@gmail.com> wrote
in <mailman.1420.146256624...@lists.mozilla.org>:

>I've been unable to make the 'Separators' more visible in the Menu Bar Items, such as Bookmarks. Having scoured the net, I installed 'Stylish' and tried a number of scripts (probably wrong) from different sites to make Separators thicker plus include a color to lines. Nothing has worked, and many hours spent to no avail. Tired of squinting at Separator Lines for reference. This appears to be a common problem with poor solutions for newbies in this area. Could somebody please provide instructions, code references, or point in the right direction?
>Thanks

Did you try the "Toolbar Buttons" add-on?

I consider it a must-have for reasons unconnected with what you're asking
for[1], but I do use it to provide a location that's just large enough to
safely click on without the risk of accidentally clicking on an adjacent
control. Achieved with a separator-surrounded space placed at each end of
one toolbar, I use this when I employ the mouse to give an almost-hidden
Firefox window the focus.



[1] Allows you to place a decent-sized search field and other buttons on the
menu bar. This is a wonderful space saver for luddites like me who insist on
traditional menus; I have about 20 *small* buttons (in addition to the poxy
default Firefox/Chromium selection) in just two narrow toolbars, taking up
no more space overall than Firefox's supposedly stripped/dumbed down for
small device users standard interface.

Provides loads of essential or useful buttons, including:
* separate stop button
* reload-without-using-cache button
* toggle javascript, flash, java buttons
* zoom text in/out/reset buttons
* settings buttons for your various add-ons


--
Regards, Peter Boulding
pjbn...@UNSPAMpboulding.co.uk (to e-mail, remove "UNSPAM")
Fractal Images and Music: http://www.pboulding.co.uk/
http://www.soundclick.com/bands/default.cfm?bandID=794240&content=music

WaltS48

unread,
May 7, 2016, 8:36:06 AM5/7/16
to mozilla-sup...@lists.mozilla.org
On 05/07/2016 12:04 AM, Teachem wrote:
> On Friday, May 6, 2016 at 5:27:41 PM UTC-7, WaltS48 wrote:
>> On 05/06/2016 04:12 PM, Teachem wrote:
>>> I've been unable to make the 'Separators' more visible in the Menu Bar Items, such as Bookmarks. Having scoured the net, I installed 'Stylish' and tried a number of scripts (probably wrong) from different sites to make Separators thicker plus include a color to lines. Nothing has worked, and many hours spent to no avail. Tired of squinting at Separator Lines for reference. This appears to be a common problem with poor solutions for newbies in this area. Could somebody please provide instructions, code references, or point in the right direction?
>>> Thanks
>> What operating system?
> Thanks to all..., OS Win8.1 Firefox 46.0.1
> Q: With Big Al's solution do I create a userChome.css file in notepad and change it to .css, then drop it in Firefox's Chrome folder, and if it doesn't exist create said folder?

On Linux we can experiment with different GTK themes and see
differences. I don't know if you can do that with Windows.

A: Exactly. if the folder doesn't exist create it, and it must be all
lower case, no caps. The file would be userChrome.css

Big Al

unread,
May 7, 2016, 8:54:44 AM5/7/16
to mozilla-sup...@lists.mozilla.org
On 05/06/2016 04:12 PM, Teachem wrote:
> I've been unable to make the 'Separators' more visible in the Menu Bar Items, such as Bookmarks.

I can't say this works in FF but in TB I've got a theme, but I don't
like the little trashcan icon so I've found the PNG file that contains
it and have photoshopped out the trashcan to a large red X.

It's really easy, but takes a lot of steps and does take image editing
plus knowing where the right toolbar PNG image is.

I've done more editing of a theme in TB than FF, never saw that much
wrong with any icons in FF plus there aren't that many. I'm not sure
what they use for that vertical separator in FF, if it's code or image
produced.

J. P. Gilliver (John)

unread,
May 7, 2016, 1:58:21 PM5/7/16
to mozilla-sup...@lists.mozilla.org
In message
<mailman.1450.146262568...@lists.mozilla.org>, Big
Al <Big...@invalid.com> writes:
>On 05/06/2016 04:12 PM, Teachem wrote:
>> I've been unable to make the 'Separators' more visible in the Menu
>>Bar Items, such as Bookmarks.
[]
>wrong with any icons in FF plus there aren't that many. I'm not sure
>what they use for that vertical separator in FF, if it's code or image
>produced.

Everybody's assuming vertical: the separators in "Menu Bar Items, such
as Bookmarks", are horizontal lines.

(I suppose you could always set two separators.)
--
J. P. Gilliver. UMRA: 1960/<1985 MB++G()AL-IS-Ch++(p)Ar@T+H+Sh0!:`)DNAf

All change is not growth, as all movement is not forward. -Ellen Glasgow,
novelist (1874-1945)

EE

unread,
May 7, 2016, 3:15:11 PM5/7/16
to mozilla-sup...@lists.mozilla.org
The way one of my installed themes does it is:

menuseparator {
margin: 2px 3px;
border-top: 1px solid #5AC43F;
border-bottom: 1px solid #11CE08;
}

That results in green separators. Change the colours of the borders to
suit.

Teachem

unread,
May 8, 2016, 3:22:53 PM5/8/16
to mozilla-sup...@lists.mozilla.org

> The way one of my installed themes does it is:
>
> menuseparator {
> margin: 2px 3px;
> border-top: 1px solid #5AC43F;
> border-bottom: 1px solid #11CE08;
> }
>
> That results in green separators. Change the colours of the borders to
> suit.

Q: Which Theme does this? Where is the script located? (in the theme, or ?) And, can Stylish be used to insert this script?

Thanks again to all those who responded!

Big Al

unread,
May 8, 2016, 5:46:26 PM5/8/16
to mozilla-sup...@lists.mozilla.org
See my post above and EE's post. They are both working and modifying
menuseparator {} object.
I've put some of this kinda stuff in stylish, but I like userChrome.css
in the chrome folder in you profile folder. It goes against my grain
to load an extension (stylish) to do something that works without an
extension in userChrome.css or userContent.css.

Just me. Just play with it. The worst you'll do is waste time if
stylish doesn't work.

WaltS48

unread,
May 8, 2016, 6:09:50 PM5/8/16
to mozilla-sup...@lists.mozilla.org
Big Al, you know you can play with GTK themes from System Settings >
Application Appearance > GTK on your system. Since Firefox 46 is a GTK3
application, you would want to try those themes.

I'm using the Default on my Linux Mint 17.3 and the separators are very
dark. They are lighter with oxygen-gtk selected.

Teachem

unread,
May 8, 2016, 10:42:16 PM5/8/16
to mozilla-sup...@lists.mozilla.org

> >>
> > See my post above and EE's post. They are both working and modifying
> > menuseparator {} object.
> > I've put some of this kinda stuff in stylish, but I like
> > userChrome.css in the chrome folder in you profile folder. It goes
> > against my grain to load an extension (stylish) to do something that
> > works without an extension in userChrome.css or userContent.css.
> >
> > Just me. Just play with it. The worst you'll do is waste time if
> > stylish doesn't work.
>
> Big Al, you know you can play with GTK themes from System Settings >
> Application Appearance > GTK on your system. Since Firefox 46 is a GTK3
> application, you would want to try those themes.
>
> I'm using the Default on my Linux Mint 17.3 and the separators are very
> dark. They are lighter with oxygen-gtk selected.
>
> --
> Linux Mint 17.3
> Go Pens! Go Bucs!
> Go Thunderbirds! <http://pghthunderbirds.com/>
> Coexist · Understanding Across Divides <https://www.coexist.org/>

SOLVED It Works!
OS Win8.1 using latest Firefox 46.0.1

With the help of Big Al and WaltS48 I've been able to see very visible 'Separator Lines' in ALL Categories of the Menu Bar; e.g., Bookmarks, File, Edit, View, and etc. Works in any Theme!

1. Create a file in notepad using only the script below (within the dashed lines) and save it as: "userChome.css" (w/o quotes).

------------
/* Make separators in bookmarks easier to see */
menuseparator {
-moz-appearance:none !important; /* nothing changes without this */
background: green !important;
height: 3px !important;
padding: 1px !important;
}

------------

2. In this case Firefox ver. 46.x.x did not have a "chrome" folder in profiles so one was created. In Firefox click on the "Help" menu then click on Troubleshooting Information," and then under "Profile Folder" click on "Show Folder." Right click inside the profile folder, create a new sub-folder and name it "chrome" (lowercase w/o quotes). Move the "userChrome.css" file you created into the "chrome" folder, close, and restart Firefox.

In this case I have nice visible green 'Separator Lines' on a Wood Grained Theme. It works in any Theme, and colors can be easily be changed withing the script replacing the word green with black (red, blue, etc.).

Hope this helps many people in the case of the "Squinty Separator Lines." Thanks again Big Al and WaltS48 in helping to make these descriptive instructions!!

Big Al

unread,
May 8, 2016, 11:03:24 PM5/8/16
to mozilla-sup...@lists.mozilla.org
On 05/08/2016 06:08 PM, WaltS48 wrote:
>
> Big Al, you know you can play with GTK themes from System Settings >
> Application Appearance > GTK on your system. Since Firefox 46 is a GTK3
> application, you would want to try those themes.
>
> I'm using the Default on my Linux Mint 17.3 and the separators are very
> dark. They are lighter with oxygen-gtk selected.
Don't have that "application appearance under system settings. Sorry.

EE

unread,
May 9, 2016, 4:22:31 PM5/9/16
to mozilla-sup...@lists.mozilla.org
The idea is to add that to your userChrome.css file. Any theme which
does its own thing with colours will set colours for separators. The
script doing this is in global/menu.css in a theme. In fact, I changed
the colours of those menu separators to make them green because they
were hard to see.

0 new messages