MozillaZine

Firefox 57 - Remove icons from the bookmarks toolbar?

User Help for Mozilla Firefox
balistik
New Member
 
Posts: 1
Joined: November 15th, 2017, 5:08 pm

Post Posted November 15th, 2017, 5:13 pm

SOLUTION :
Just right click on Favorite icon (on the search bar) and click remove icon. You can do the same for the Pocket icon.

Yea it was tricky. I also search on personalization and coudn't found how to remove it, but lucky i had the idea to right click on the icon to see what it would do...

flimbo
 
Posts: 34
Joined: April 29th, 2011, 4:43 am

Post Posted November 16th, 2017, 12:17 am

balistik - that's NOT what we were trying to solve. We were trying to remove icons from our "bookmarks toolbar". Your solution does not apply, and refers to the ordinary "toolbar" and yes we know how to customise that.

LoveMyFoxy

User avatar
 
Posts: 1967
Joined: December 11th, 2009, 11:23 am
Location: USA

Post Posted November 16th, 2017, 1:30 am

It gave me 2 rows of bookmarks. I've had to compress 42 folders with 1500 bookmarks, into 31 folders by making some into subfolders. I'm not a happy camper because I had it that way for 15 years, and now I can't find things. I'm on 52ESR, and Roomy Bookmarks is supposed to work.
Desktop--Win 7 Ult. 64-bit, 6GB RAM /FF 52ESR 64/ Thunderbird 52 / MS Sec. Essent./ Windows firewall / Verizon FIOS

LoveMyFoxy

User avatar
 
Posts: 1967
Joined: December 11th, 2009, 11:23 am
Location: USA

Post Posted November 16th, 2017, 1:31 am

flimbo wrote:balistik - that's NOT what we were trying to solve. We were trying to remove icons from our "bookmarks toolbar". Your solution does not apply, and refers to the ordinary "toolbar" and yes we know how to customise that.


Can you show a screenshot of what you have now?
Desktop--Win 7 Ult. 64-bit, 6GB RAM /FF 52ESR 64/ Thunderbird 52 / MS Sec. Essent./ Windows firewall / Verizon FIOS

Eckard

User avatar
 
Posts: 1277
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Post Posted November 16th, 2017, 1:53 am

Ed1 wrote:How would I remove the Text from Bookmark Toolbar items, leaving only the Icons showing (with the tooltip still providing the text on mouseover)?

Thanks.
Create a userChrome.css file in a chrome folder in the Firefox profile http://kb.mozillazine.org/index.php?tit ... ntable=yes

Add the following css code in your userChrome.css file and restart Firefox

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

#personal-bookmarks .toolbarbutton-text {
display: none !important; }

Phil__C
 
Posts: 3
Joined: November 16th, 2017, 9:11 pm

Post Posted November 16th, 2017, 9:20 pm

The code presented above works to remove text from the Bookmarks Toolbar items.

But this is not enough for me. There is too much space between the icons. Where the Roomy extension allowed me to fit about 60 icons on the bar, I can now fit only about 40.

Is there a way to reduce the space between icons? Or to change the size/width of the icons to accomplish the same thing?

Eckard

User avatar
 
Posts: 1277
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Post Posted November 17th, 2017, 1:33 am

Phil__C wrote:
Is there a way to reduce the space between icons? Or to change the size/width of the icons to accomplish the same thing?

Try the following code:

Code: Select all
toolbarbutton.bookmark-item {
padding: 1px 1px 1px 1px !important; }

crobard
 
Posts: 1
Joined: November 17th, 2017, 5:06 am

Post Posted November 17th, 2017, 5:24 am

Eckard wrote:
Phil__C wrote:Is there a way to reduce the space between icons? Or to change the size/width of the icons to accomplish the same thing?

Try the following code:
Code: Select all
toolbarbutton.bookmark-item {
padding: 1px 1px 1px 1px !important; }


that does not works for me ;
Was i right to put a # at the line's beginning ?
I mean this :
#toolbarbutton.bookmark-item {
padding: 1px 1px 1px 1px !important; }

Thanks !

Ed1
 
Posts: 859
Joined: January 30th, 2005, 2:33 pm

Post Posted November 17th, 2017, 6:55 am

Eckard wrote:
Phil__C wrote:
Is there a way to reduce the space between icons? Or to change the size/width of the icons to accomplish the same thing?

Try the following code:

Code: Select all
toolbarbutton.bookmark-item {
padding: 1px 1px 1px 1px !important; }



That code worked for me! Thanks.

Phil__C
 
Posts: 3
Joined: November 16th, 2017, 9:11 pm

Post Posted November 17th, 2017, 9:25 am

Eckard wrote:
Phil__C wrote:
Is there a way to reduce the space between icons? Or to change the size/width of the icons to accomplish the same thing?

Try the following code:

Code: Select all
toolbarbutton.bookmark-item {
padding: 1px 1px 1px 1px !important; }


I went to 0px and fit all but five of my icons on the toolbar. Excellent.

Just for kicks, is there a way to reduce the size of the icons to get a few more on the bar?

vincimus
New Member
 
Posts: 1
Joined: November 17th, 2017, 3:29 pm

Post Posted November 17th, 2017, 3:36 pm

Phil__C wrote:
Eckard wrote:
Phil__C wrote:
Is there a way to reduce the space between icons? Or to change the size/width of the icons to accomplish the same thing?

Try the following code:

Code: Select all
toolbarbutton.bookmark-item {
padding: 1px 1px 1px 1px !important; }


I went to 0px and fit all but five of my icons on the toolbar. Excellent.

Just for kicks, is there a way to reduce the size of the icons to get a few more on the bar?


You can also try with:

Code: Select all
toolbarbutton.bookmark-item{
margin: 0 -4px!important;
}


Use number for margin as you wish. It works just fine for me!

Phil__C
 
Posts: 3
Joined: November 16th, 2017, 9:11 pm

Post Posted November 17th, 2017, 6:15 pm

That worked with some modification for my purpose:

Code: Select all
toolbarbutton.bookmark-item{
margin: 0 1px!important;
}


I am now exactly where I was when using the Roomy Bookmarks extension. Thanks to all for the tips!

Wizard_Magic_Spell
 
Posts: 9
Joined: August 25th, 2007, 4:23 pm

Post Posted November 18th, 2017, 3:16 pm

Thanks, everybody, for the info on how to get rid of toolbar bookmark icons. Appreciated.

joshurawr
New Member
 
Posts: 1
Joined: December 6th, 2017, 11:55 am

Post Posted December 6th, 2017, 11:57 am

Hi all! Thank you for all the help. I have a question, I removed the icons but I still have the folder icon showing for bookmarks that are folders. How would I go about removing those? Thank you!

supergriggy
 
Posts: 1
Joined: December 7th, 2017, 10:31 am

Post Posted December 7th, 2017, 10:37 am

This userChrome.css file (just these 2 lines saved in a file called userChrome.css in the C:\Users\[myname]\AppData\Roaming\Mozilla\Firefox\Profiles\[random string].default\chrome\ directory)worked for me in FF 57, it removes bookmark favicons so you only have text bookmarks. Way more space and a lot less visual clutter.

userChrome.css contents:


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

@-moz-document url(chrome://browser/content/browser.xul){
#personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon { display: none !important; }

Return to Firefox Support


Who is online

Users browsing this forum: Bing [Bot] and 5 guests