Any suggestion on how I can change the little + on the new tab button to a larger custom icon? A generalized method would be ideal as there are some others I'd like to change. I've changed the color and horizontal extent in
~/.moonchild productions/pale moon/bsygixk9.he/chrome/userChrome.css
Is there a way to change the icon there also?
If I can't point it toward a custom image, maybe I could replace the image it uses by renaming mine over it.
how to change a basic ui icon? Topic is solved
Moderator: trava90
Forum rules
This board is for technical/general usage questions and troubleshooting for the Pale Moon browser only.
Technical issues and questions not related to the Pale Moon browser should be posted in other boards!
Please keep off-topic and general discussion out of this board, thank you!
This board is for technical/general usage questions and troubleshooting for the Pale Moon browser only.
Technical issues and questions not related to the Pale Moon browser should be posted in other boards!
Please keep off-topic and general discussion out of this board, thank you!
-
- Themeist
- Posts: 1569
- Joined: 2012-02-09, 23:35
- Location: United Kingdom
Re: how to change a basic ui icon?
Try this:
You can use list-style-image on any icon you want to change, provided you know the IDs. Personally I tend to use DOM Inspector + Element Inspector add-ons to be able to shift+right click on an element to open it in DOM Inspector, which lets me view the DOM plus any styles attached to it.
Code: Select all
#new-tab-button,
.tabs-newtab-button {
list-style-image: url("YOUR/URL/HERE") !important;
}
Re: how to change a basic ui icon?
Perfect. Thank you. I was using an incorrect string instead of "list-style-image". I'll try the inspector add-ons for my next mod now.Lootyhoof wrote:Try this:
You can use list-style-image on any icon you want to change, provided you know the IDs. Personally I tend to use DOM Inspector + Element Inspector add-ons to be able to shift+right click on an element to open it in DOM Inspector, which lets me view the DOM plus any styles attached to it.Code: Select all
#new-tab-button, .tabs-newtab-button { list-style-image: url("YOUR/URL/HERE") !important; }