New Hacks Documentation ->

Two complaints I hear again and again are that people don’t like the blue of the bookmarks bar or they don’t want the icons in the bookmarks bar. Well good news. We can fix that for you.

Update: Get Stylish and you don’t have to worry about finding or editing the userChrome.css!

First you must understand what your userChrome.css file is and where it is. Head over to Mozilla to learn about it.

One you have located or created your userChrome.css file you can add a few lines of code to remove what you don’t like.

Note: I’m on a Mac, this works on a Mac, if you’re on a PC please let me know what works or doesn’t and how to fix it. ๐Ÿ˜‰

Code:

/* 1 Change Personal Toolbar Background Color */
#PersonalToolbar { background: #e5e5e5 !important; }

/* 2 Change Personal Toolbar Background Image */
#PersonalToolbar { background: url("yourImage.png") repeat-x !important; }

/* 3 Change Personal Toolbar Text Color */
.toolbarbutton-text { color: #464646 !important; }

/* 4 Kill bookmark icons in the Personal Toolbar */
toolbarbutton.bookmark-item > .toolbarbutton-icon { display: none; }

1) Allows you to define any color for the back of the bookmarks toolbar. This will override my blue pattern.

2) Same as 1 except you can define an image. Just put in the path to the image and you’ll be good to go.

3) Depending on what you change 1 or 2 to you might need to change the color for readability sake. Here is where you do that.

4) Kills the icons in the bookmark bar. Ok hides them, kill is such a scary word. However if you do this, you may get some odd overlapping issues on the left side of the bookmark hover. Don’t complain, it’s a hack.

That should do it for now. Just trying to make everyone happy. Let me know if you have success or not. ๐Ÿ™‚

Ohh and it’s good to note that this effects all Firefox themes on your machine; not just iPox.

Advertisements