Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Is there a way to space the icons farther apart on my bookmarks bar?

Melissa77
Melissa77
more options

I love the icons on the bookmark bar, but I'd like to know if there's any way to set them farther apart so they don't look so cramped. I'm using the Firefox 4.0.1 and love the icons, but until I need more room on my bar I'd like to space them so the bar doesn't look so uneven. I'm also using a Macbook and OS 10.5.

I love the icons on the bookmark bar, but I'd like to know if there's any way to set them farther apart so they don't look so cramped. I'm using the Firefox 4.0.1 and love the icons, but until I need more room on my bar I'd like to space them so the bar doesn't look so uneven. I'm also using a Macbook and OS 10.5.

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

The short answer is yes, but it takes a little work. Someone might post a quicker solution, but here is something I tested that might work for you:

First, get the Stylish add-on. It can override and tweak browser menu and toolbar settings, and you also can use it to tweak styles in web pages.

Stylish :: Add-ons for Firefox

Next, set up this rule, which increases the empty space (padding) to the left and right of each bookmark button from 3 pixels to 6 pixels (the first value, 2px, is for top and bottom, and the second value, 6px, is for left and right): 

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
toolbarbutton.bookmark-item {padding:2px 6px !important;}

How to do that? Once you install Stylish, you should see an "S" icon in a box on your Add-ons bar, with a little drop-marker triangle next to it.

  1. Copy the above style rule to the clipboard.
  2. Click the Stylish icon and choose Write new Style > Blank style.
  3. Paste the rule text and click Preview. The effect should be immediate. If 6px doesn't suit you, try other values and Preview again.
  4. Name your new Stylish rule and Save.

Any luck?

---

To edit your rule after saving, you normally have to go the Add-ons page and click Options. This is inconvenient for styling some bars that do not appear on that page. You can manage your Stylish rules in a pop-up instead by changing a preference.

(1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.

(2) In the filter box, type or paste stylish and pause while the list is filtered

(3) Double-click extensions.stylish.manageView and change its value to 1 (the default is 0).

You're done. Now when you choose Manage Styles from the Stylish icon, you'll get a pop-up in your current tab rather than changing to the Add-ons page.