X
Tap here to go to the mobile version of the site.

Support Forum

Is there any way I customize the interface so that the bookmark star is a significantly bigger button?

Posted

My company is working on a project in which it is important to see which pages they have already visited - and when they know, they don't have to read that page again. I was not able to find a solution to this, except to ask them to bookmark the pages they've visited, and then when they look at the page again, they can see that it has already been bookmarked. The way to tell that a page has already been booked marked is by looking at the star - I was wondering if there was anyway to make that star bigger.

If you have any other solutions to see whether pages have been visited, please give me your solution. Thank you so much.

My company is working on a project in which it is important to see which pages they have already visited - and when they know, they don't have to read that page again. I was not able to find a solution to this, except to ask them to bookmark the pages they've visited, and then when they look at the page again, they can see that it has already been bookmarked. The way to tell that a page has already been booked marked is by looking at the star - I was wondering if there was anyway to make that star bigger. If you have any other solutions to see whether pages have been visited, please give me your solution. Thank you so much.

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0

More Information

jscher2000
  • Top 10 Contributor
8837 solutions 72222 answers

This sounds related to your other post: Is there any way I can customize Firefox so that the page itself looks significantly different when it has already been visited (in History)? You didn't reply to my follow-up question there.

Firefox allows you to use style rules to change various elements of the user interface, so it probably is possible to make the star icon in the address bar larger. This will have the effect of making the entire bar taller, though, in order to accommodate the larger star.

(I can't take time at the moment to develop a rule for this, but hopefully someone will be able to do that later today.)

This sounds related to your other post: [https://support.mozilla.org/en-US/questions/962536 Is there any way I can customize Firefox so that the page itself looks significantly different when it has already been visited (in History)?] You didn't reply to my follow-up question there. Firefox allows you to use style rules to change various elements of the user interface, so it probably is possible to make the star icon in the address bar larger. This will have the effect of making the entire bar taller, though, in order to accommodate the larger star. <s>(I can't take time at the moment to develop a rule for this, but hopefully someone will be able to do that later today.)</s>

Modified by jscher2000

jscher2000
  • Top 10 Contributor
8837 solutions 72222 answers

Actually, the rule is simple:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#star-button[starred="true"]{height:32px!important;width:64px!important}

It's not pretty stretching an image like this, but...

This rule can be applied by creating a userChrome.css file and having each user copy it to their system. If you have an existing userChrome.css file on the system, the last line of the above is what you need to add. Please search here for userChrome.css for more information on how to use that file.

Alternately, if your users use the Stylish extension, they can use the above by creating a new blank rule and pasting in the two lines.

Actually, the rule is simple: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #star-button[starred="true"]{height:32px!important;width:64px!important} It's not pretty stretching an image like this, but... This rule can be applied by creating a userChrome.css file and having each user copy it to their system. If you have an existing userChrome.css file on the system, the last line of the above is what you need to add. Please search here for userChrome.css for more information on how to use that file. Alternately, if your users use the Stylish extension, they can use the above by creating a new blank rule and pasting in the two lines.
cor-el
  • Top 10 Contributor
  • Moderator
17679 solutions 159921 answers

Helpful Reply

See chrome://browser/skin/browser.css

/* Star button */
#star-button {
  list-style-image: url("chrome://browser/skin/places/starPage.png");
}

#star-button[starred="true"] {
  list-style-image: url("chrome://browser/skin/places/pageStarred.png");
}

You can consider to change the highlighted star button (#star-button[starred="true"]) to an image that is more distinctive (add the !important; flag to override the current rule)

#star-button[starred="true"] {
  list-style-image: url("<link to my image>") !important;
}

Add code to the userChrome.css file below the default @namespace line.

See chrome://browser/skin/browser.css <pre><nowiki>/* Star button */ #star-button { list-style-image: url("chrome://browser/skin/places/starPage.png"); } #star-button[starred="true"] { list-style-image: url("chrome://browser/skin/places/pageStarred.png"); }</nowiki></pre> You can consider to change the highlighted star button (#star-button[starred="true"]) to an image that is more distinctive (add the !important; flag to override the current rule) <pre><nowiki>#star-button[starred="true"] { list-style-image: url("<link to my image>") !important; }</nowiki></pre> Add code to the userChrome.css file below the default @namespace line. *http://kb.mozillazine.org/userChrome.css *http://kb.mozillazine.org/Editing_configuration