iPox Hacks - Bookmarks Bar
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.
Can one get round buttons in WINXP? Or Apple-like buttons on the WIN top line?
I like your theme….. ******
- Tad March 3rd, 2006 at 2:25 pm
Mozilla Firefox 1.5.0.1 - Windows XP
I have to say I liked the bookmarks toolbar before 0.50 better. This new one is just a bit ‘too’ blue.
I am also sorry to say the folder icons are also less nice :p
now the good things: the new hover buttons are great and the scrollbar looks very, very good. Also good work on fixing the grey inputfield bug!
- Maarten March 3rd, 2006 at 4:37 pm
Mozilla Firefox 1.5.0.1 - Windows Server 2003
I like it , but most of it is grey/silver and only a little is blue so please change that
- Ross March 21st, 2006 at 5:01 pm
Mozilla Firefox 1.5.0.1 - Windows XP
Ross, I’m not changing how my theme looks. This version isn’t supposed to be tons of color. But I am considering creating a spin off in the future.
- Thomas March 22nd, 2006 at 8:12 am
Mozilla Firefox 1.5.0.2 - Mac OS X
Is there an easy way to add the separators back into the tool bar… kinda miss those. Other than that though, I really enjoy this theme, thanks for the great work!
- Adam March 28th, 2006 at 8:21 pm
Mozilla Firefox 1.5.0.1 - Windows XP
Adam - I have no idea there. What separators are you talking about? I’m not sure I know what you’re talking about.
- Thomas April 3rd, 2006 at 9:09 pm
Safari 417.9.2 - Mac OS X
I tried to hack it like you recommended above, but I can’t seem to make it work, maybe if you gave more specific directions? Or perhaps you could make a copy of your skin, but without the blue and with standard icons in the the bookmark bar. That way more people (like me) will actually use it. Thanks
- Max April 21st, 2006 at 6:40 am
Mozilla Firefox 1.5.0.2 - Mac OS X
thanks for the update!
i love the new scrollbars except that i prefer them to be greyish….would it be difficult to hack?
thanks again!
- ryanne May 5th, 2006 at 4:40 am
Mozilla Firefox 1.5.0.3 - Windows XP
[...] I found a great extension that makes the iPox hacks even easier to do. Just go get Stylish! Stylish allows easy management of user styles. User styles empower your browsing experience by letting you fix ugly sites, customize the look of your browser or mail client, or just have fun. With an online repository at userstyles.org, you don’t even need to know how to write styles yourself; just a couple clicks and the chosen style is applied. Stylish is to CSS what Greasemonkey is to JavaScript, and unlike other methods of using user styles, most styles take effect immediately. [...]
- » iPox Hacks 2 : Get Stylish » Blog on a Stick May 5th, 2006 at 8:58 am
WordPress 2.0
ryanne - I’m sure there is a way, but you’d need quite a bit of code. If it’s really important I can send you some code to try. Hit up the contact form and let me know if you want it.
- Thomas May 5th, 2006 at 9:05 am
Mozilla Firefox 1.5.0.3 - Mac OS X
how you you get the bookmark bar text to change colour because it doesn’t really match the colour of my bkground image, in stylish when i put in the code
#toolbarbutton-text { color: #2E8B57 !important; }
nothing happens
- aaron June 2nd, 2006 at 3:45 am
Mozilla Firefox 1.5.0.4 - Windows XP
aaron - It should be .toolbarbutton-text not #toolbarbutton-text. Plus, you may need to quite Firefox and restart it or the changes to take effect.
- Thomas June 2nd, 2006 at 7:00 am
Mozilla Firefox 1.5.0.4 - Mac OS X
Is it possible to hack the bar so it changes when you rollover a link? I tried the following, with no luck :
.toolbarbutton-text { color:#C0C0C0 !important }
.toolbarbutton-text:hover { background: #686868; color:#C0C0C0 font-size:1.1em; !important }
Any ideas on how I could get this to work?
- atomicSpatule June 11th, 2006 at 11:18 pm
Mozilla Firefox 1.5.0.4 - Ubuntu Linux
Since you’ve provided a hack for the bookmarks bar, any chance of offering an alternative for the tab bar that would provide Safari-style tabs?
- passerby June 15th, 2006 at 12:30 pm
Mozilla Firefox 1.5.0.3 - Windows XP
All you guys or girls really need to stop complaining. Thomas made how he likes it, if you want it different make one yourself. Thomas I love it just the way it is, blue bookmarks bar and all !!!
- Scotty D June 29th, 2006 at 11:10 pm
Mozilla Firefox 1.5.0.4 - Windows XP
@passerby - Safari style meaning???
- Thomas July 12th, 2006 at 8:15 pm
Flock 0.7.1 - Mac OS X
oh, thank youu, iPox is great!!
It didn’t match the rest of the programs, now it does (I didn’t wanted to change itt)
thank youu
- Tamy July 12th, 2006 at 8:56 pm
Mozilla Firefox 1.5.0.4 - Windows XP
I totally agree with Scotty D… I love it just the way it is! As a matter of fact, it’s the only one I use. It would also be nice to have a Thunderbird theme to match someday. Thanks for this awesome theme!!! Great Job!!
- Fawn July 30th, 2006 at 1:12 pm
Mozilla Firefox 1.5.0.5 - Windows XP
U really did a great job, thank you!
Please consider doing an IPOX BLUE theme, but changing only the tabs and icons into bluer ones to match the favorites bar.
- Dinho August 20th, 2006 at 3:00 pm
Mozilla Firefox 1.5.0.6 - Windows XP
Sorry, i wrote “favorites” bar, but i think it is “bookmarks” bar.
I´m brazilian and my English is not so perfect as yours LOL.
Thanks again for your grat job.
- Dinho August 20th, 2006 at 3:07 pm
Mozilla Firefox 1.5.0.6 - Windows XP
Just a suggestion… the buttons could use some color. They are hard to see until you hover over them. But, like I have said before, I love your theme and you are doing a great job. Can’t wait for the next release!
- Fawn August 20th, 2006 at 8:08 pm
Mozilla Firefox 1.5.0.6 - Windows XP
@Thomas:
I just updated to 0.7, came here to read about the changes, and was reminded that I’d left a comment and hadn’t checked back for a while to see if there was a response. Sorry about that!
By Safari-style tabs, I just meant the visual style of them, as seen here (ignore the content of the page, which is all about RSS):
http://www.apple.com/macosx/features/safari/
I actually got this to work by using a set of tab images for another theme, but it messes up the spacing things in the Options window. So, it would be great if you could include an alternative tab style in v. 1.0. Thanks.
- passerby September 27th, 2006 at 2:23 pm
Mozilla Firefox 1.5.0.7 - Windows XP
Do you mean flatter? Or coming down from the bookmark bar instead of up from the page? Or do you want brushed metal? Just trying to figure out what you are looking for.
- Thomas September 27th, 2006 at 6:36 pm
Flock 0.7.5.1 - Mac OS X
Flatter, more square, and extending down from the bookmark bar.
Thanks for asking!
- passerby September 27th, 2006 at 6:46 pm
Mozilla Firefox 1.5.0.7 - Windows XP
I love this theme, but I wish there was a way to make the buttons blue to grey instead of grey to blue. And while I realize this is an iPod themed skin, I use it because, well, it looks nice, and I think a different home button would be better than the little iPod icon, so a way that one could change that would be great.
Note: I’m not asking you to “change” the theme, I’m asking for a way that people who use the theme can change it, without any great difficulty.
Now, to be honest, I don’t know much about CSS (that may just be temporary
and such, so if there is a way that both those things can be done by the user, I’d love to know how.
- _habit_ September 27th, 2006 at 9:35 pm
Mozilla Firefox 1.5.0.7 - Windows XP
nice theme, thanx but:
is it possible to change the folder icons?
i’d like use the folder icon from the silk icons
http://www.famfamfam.com/lab/icons/silk/
or just the ordinary icon from the default theme.
peace
- Toni Truant September 28th, 2006 at 2:22 am
Mozilla Firefox 1.5.0.7 - Windows 2000
Humm, I’m sure you could probably change the folder icons by updating the userChrome.css file.
Try adding:
.bookmark-item[container] {
list-style-image: url(”/path/to/your/folder.png”) !important;
}
As far as the home buttons or tab, I think that’s a bit out of the basic editing.
- Thomas September 28th, 2006 at 7:37 am
Flock 0.7.5.1 - Mac OS X
Hmm that’s unfortunate
But what about the color of the buttons?
- _habit_ September 28th, 2006 at 2:51 pm
Mozilla Firefox 1.5.0.7 - Windows XP
okay so I must be the only retarded person here but I still can’t figure out what a userChrome.css is or where I can find it. Please help!!
- Karina October 10th, 2006 at 1:48 am
Mozilla Firefox 1.0.7 - Windows XP
Katrina you can either visit http://www.mozilla.org/unix/customizing.html or get Stylish https://addons.mozilla.org/firefox/2108/ and put the code in there. Hope that helps.
- Thomas October 10th, 2006 at 6:11 am
Mozilla Firefox 2.0 - Mac OS X
heehee, my name is Karina not Katrina.
but YES I finally figured it out, thanks.
- Karina October 10th, 2006 at 10:06 am
Mozilla Firefox 1.5.0.7 - Windows XP
Whoops, my bad.
Glad to see it’s working.
- Thomas October 10th, 2006 at 1:42 pm
Flock 0.7.4.1 - Mac OS X
Please, change the grey buttons in colored buttons. Also I hope you’ll change the iPod Icon and remove the dark grey status bar’s shadow…
- Ho-oh October 15th, 2006 at 5:50 am
Mozilla Firefox 1.5.0.5 - Ubuntu Linux
The “World” want Bluer Buttons…please Thomas , consider that.
IPOX theme rules,
BUT with bluer buttons LOL.
- Dinho October 16th, 2006 at 9:21 am
Mozilla Firefox 1.5.0.4 - Windows XP
Definitely colored buttons! A version with colored buttons would be nice, even if they’re blue… LOL. They are just hard to see. It would make it absolutely perfect in my opinion. Thanks, Thomas!
- Fawn October 16th, 2006 at 9:31 am
Mozilla Firefox 2.0 - Windows XP
nice theme, i love it, but when it will be campatible to firefox 2???
- lars October 16th, 2006 at 9:58 am
Mozilla Firefox 2.0 - Windows 2000
Colored buttons may come some day, but I can’t be doing different versions all at the same time or the quality will be lower. I will work in some, but don’t expect them anytime soon.
Firefox 2.0 support is started. Check back tomorrow for a status update.
- Thomas October 16th, 2006 at 10:07 am
Safari 312.6 - Mac OS X
Some hacks are now built into iPox 1.0.
- Thomas November 7th, 2006 at 10:33 am
Mozilla Firefox 2.0 - Mac OS X
the hacks work on PCs too. At least 1 and 3 does. x]]
- jin March 7th, 2007 at 7:18 am
Mozilla Firefox 2.0.0.2 - Windows XP
The hacks shouldn’t be OS specific. All should work across the board.
- Thomas March 7th, 2007 at 8:42 am
Mozilla Firefox 2.0 - Mac OS X