Aqua-Soft Forums: Firefox bookmark toolbar problem... - Aqua-Soft Forums

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Firefox bookmark toolbar problem... Rate Topic: -----

#1 User is offline   Dodgers Icon

  • Group: Member
  • Posts: 89
  • Joined: 10-September 06

Posted 24 March 2008 - 04:55 PM

Having this problem with hover and pressed states on the bookmark toolbar, I would appreciate if anyone could guide me to the right .css file that needs to have some value changed. I figure that is in the "Browser" folder in the Browser.css in the .jar file, but I can' locate any piece of code that would move the .pngs up or down. But then again, I'm no coding geneous :-)

Any help is appreciated.

Regards,
Dodgers.

Attached File(s)


0

#2 User is offline   kinsemon Icon

  • Lurker
  • Group: Member
  • Posts: 330
  • Joined: 19-September 07

Posted 25 March 2008 - 03:08 PM

IT is or supposed to be in the browser.css file. just look for the words 'bookmark, hover etc etc. you'll also won't miss the addresses/urls for the respective pngs...just figure them out.
regarding your screenshot, maybe instead of moving the png (the capsule-like object), why not raise the text a bit? or if you want to really move the png down a bit, you'll have to increase the HEIGHT of your bookmark bar FIRST...
0

#3 User is offline   Dodgers Icon

  • Group: Member
  • Posts: 89
  • Joined: 10-September 06

Posted 25 March 2008 - 08:15 PM

Thx for the reply. My guess about which file to modify was right, and your reply definitly led me on the right track. The solution was to add the word center after the "repeat-x" in the browser.css:

.bookmark-item:hover > .toolbarbutton-text{
background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x center !important;
margin: 0px !important;
-moz-opacity: 1.0 !important;
}

.bookmark-item:hover:active > .toolbarbutton-text,
.bookmark-item[open="true"] > .toolbarbutton-text {
margin: 0px !important;
-moz-opacity: 1.0 !important;
background: url("chrome://browser/skin/bookmark-pressed-mid.png") repeat-x center !important;

However, I can't for the life of me, figure out where to center or move the text a bit upwards in the toolbar. Any ideas?

Regards,
Dodgers.
0

#4 User is offline   kinsemon Icon

  • Lurker
  • Group: Member
  • Posts: 330
  • Joined: 19-September 07

Posted 26 March 2008 - 12:04 AM

am not much into writing codes, but i think you'll have to play around with the bar HEIGHT. i think by default the text is at vertical center of the bar. if you decrease the bar height, the text would just follow suit (appearing to "move up" a bit). just put or increase the padding at the bottom of the bar, with padding color similar to the bar...
0

#5 User is offline   Dodgers Icon

  • Group: Member
  • Posts: 89
  • Joined: 10-September 06

Posted 26 March 2008 - 05:44 PM

Yep, that sounds logical. I'll give it a go and post back. Thx for your help.

Regards,
Dodgers.
0

#6 User is offline   Dodgers Icon

  • Group: Member
  • Posts: 89
  • Joined: 10-September 06

Posted 27 March 2008 - 04:02 PM

Yup it worked a charm. I just edited the padding-top from 4 to 2 px and added a padding-bottom of 2 px to get it centeret right. Thanks alot for you helpful suggestions kinsemon :-)

Regards,
Dodgers.
0
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic