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.

Remove icon separator from modified bookmarks toolbar icon

  • 2 replies
  • 2 have this problem
  • 6 views
  • Last reply by jpnyc

jpnyc
jpnyc
more options

I using userchrome.css to remove the blue bookmark star from the toolbar, but I cant figure out how to remove the button separator (vertical line) from the bookmarks icon that remains.

To remove the star I have tried both of these, but they both leave the separator.

  1. bookmarks-menu-button toolbarbutton { display:none!important; }
  2. bookmarks-menu-button toolbarbutton { visibility:collapse !important; }

I know that the remaining icon is:

  1. bookmarks-menu-button .toolbarbutton-menubutton-dropmarker .dropmarker-icon but I cant figure out how to target the vertical line.

Thanks

I using userchrome.css to remove the blue bookmark star from the toolbar, but I cant figure out how to remove the button separator (vertical line) from the bookmarks icon that remains. To remove the star I have tried both of these, but they both leave the separator. #bookmarks-menu-button toolbarbutton { display:none!important; } #bookmarks-menu-button toolbarbutton { visibility:collapse !important; } I know that the remaining icon is: #bookmarks-menu-button .toolbarbutton-menubutton-dropmarker .dropmarker-icon but I cant figure out how to target the vertical line. Thanks

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

That is done via a ::before rule:

  • chrome://browser/skin/browser.css 
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker::before {
  display: none !important;
}
jpnyc
jpnyc Question owner
more options

Perfect! Thanks