Firefox – Neuer Tab Seite die Kacheln größer

Standardmäßig befinden sich im Firefox auf der Seite Neuer Tab 8 Kacheln für die wichtigen Seiten, zentriert und nebeneinander, jeweils in einer Reihe. Wer diese Kacheln gerne größer und auf der ganzen Breite der Seite hätte, kann das mit einem CSS Code erreichen.

So sieht das standardmäßig aus:

Firefox – Neuer Tab Seite die Kacheln größer

userChrome.css und userContent.css erstellen

userChrome Dateien wieder nutzen

Und so wird das dann mit dem CSS – Code gemacht.

Als Erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen den dort selber angelegten Ordner chrome.

Dann im Ordner chrome die userContent.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

 /* Neuer Tab die Kacheln auf die ganze Breite der Seite */
 
@-moz-document url(about:newtab), url(about:home) {

main {
  width: 100% !important;
  }
  
li.top-site-outer {
  padding: 5px 40px !important;
  }

div.tile, div.tile div.screenshot {
  width: 150px !important;
  height: 120px !important;
  }
  
.top-site-outer .title.pinned span {
  width: 150px !important;
  }
}

18,00 EUR

Verbatim PinStripe USB-Stick, 128GB, USB 3.2 Gen 1, USB Speicherstick, externer Speicher für Laptop Notebook Ultrabook TV Autoradio, USB-3, Datenstick mit Schiebemechanismus, schwarz

• Stylisches einziehbares 'PinStripe' Design
• High Speed USB 3.2 Gen 1 Schnittstelle

−18,00 EUR 13,99 EUR

Bei Amazon kaufen

Firefox – Neuer Tab Seite die Kacheln größer

Und so sieht der Code dann in der userContent.css Datei aus:

Und so sieht die Seite Neuer Tab dann nach der Änderung aus:

Da die Kacheln nun breiter sind, passen natürlich weniger (6 statt nebeneinander.