Changing the title text displayed on Firefox's about:home Tab - SOLVED
I want to change the tab title text that is displayed on the about:home page tab in Firefox.
I am trying to use the pseudo element :after to replace the text.
I obtained some code that works for changing text in another area (a richlist), but I am unable to identify the correct container to use for changing the tab title on about:home.
Here is the code I've got that successfully changes the display name for an extension on Firefox's Add-ons page :
Can the above CSS be adapted so that it changes the tab title text on the about:home tab?
I am trying to use the pseudo element :after to replace the text.
I obtained some code that works for changing text in another area (a richlist), but I am unable to identify the correct container to use for changing the tab title on about:home.
Here is the code I've got that successfully changes the display name for an extension on Firefox's Add-ons page :
richlistitem[name="Dorando keyconfig"] .name-container:after {
content: "Key Config"; font-size: 1.155em; margin-left: -11px !important;
}
richlistitem[name="Dorando keyconfig"] .name {
font-size: 0;
margin-right: 0;
}
Can the above CSS be adapted so that it changes the tab title text on the about:home tab?
Comments
.tabbrowser-tab[label="Mozilla Firefox Start Page"] .tab-text {font-size: 0;
}
.tabbrowser-tab[label="Mozilla Firefox Start Page"] .tab-text::before {
content: "[your text]"; font-size: 12px;
}
Comparing this code to my previous (richlist) example gives me a better understanding of how it works now. I was pretty much just guessing before (based on that one example that I had), but now I can adapt the concept and use it again in future.
You have also helped me a couple of the times in the past with some other really great answers, for which I am very grateful.
Thanks!