Icon vergrößern

Pentomino

Habe mir für den "Zurück-Pfeil" im Kontextmenü ein anderes Icon eingesetzt. Lässt sich dieses auch über die Größe von 16x16 px hinaus vergrößern, zB. 20x20 px ?

Son Goku

Button vergrössern ist eigentlich kein Problem, die Frage ist halt peer Grafik oder peer CSS ?

zeig mal deinen CSS Code.

Pentomino

Hier mein Code:

CSS

/*Kontext-Menü, "zurück-Pfeil" anderes Icon*/
#context-back{
list-style-image: url('./icons/backarrow2 16.png') !important;
}

Das Icon hat 16x16 px, aber selbst wenn ich eines mit 32x32px verwende, gibt es keinen Unterschied in der Größe. Auch mit "height/width"-Angaben gibt es keine Änderungen.

Son Goku

dann füge mal folgendes hinzu

Code

transform: scale(1.5, 1.5);

oder

CSS

transform: scale(1.5, 1.5) !important;

die Werte anpassen.

Pentomino

Danke, funktioniert :klasse:
Mit dem Wert "1.2" komme ich nicht über die untere Begrenzungslinie (der Gesamtrahmen des Buttons ist sonst zu groß) hinaus. Werde jetzt mal mit div. Icons/Werten experimentieren. Nochmals danke !

Son Goku

Super wenn es geklappt hat

auf Div weis ich nicht ob es klappt aber wenn Du noch mehr icons für das Menü bzw RMT = Rechte Maus Taste, hast dann kannste auch alle auf einmal vergrösern.

Son Goku

Zitat von Pentomino

Danke, funktioniert :klasse:
Mit dem Wert "1.2" komme ich nicht über die untere Begrenzungslinie

dann versuch mal den folgenden eintrag

CSS

#context-sep-navigation{
margin-top: 50px !important; }

die 50 kannste wieder anpassen

Pentomino

Danke, das Heruntersetzen der "Separatorlinie" ist auf alle Fälle eine Alternative. Werde noch ein bisschen mit allen Möglichkeiten "herumspielen". :wink: Danke nochmal