Bilder Größe in den Boxen

Moin Moin ,

Vieleicht kann mir ja hier jemand helfen beim woltlab forum geht das wohl nicht

und zwar geht das um diverse boxen die man so erstellen kann , jedoch würde ich gerne allgemein die icon sprich die bilder verkleinern , blos leider ist das problem das es keine definition für die bilder gibt .

einmal hab ich den html tag

<img src="Bildurl" alt="" style="width: 64px; height: 64px; margin-top: 0px;">

und einmal die css ohne class

Element {

display: inline-block;

text-align: center;

width: 64px;

height: 64px;

}

wie gehe ich weiter vor ? ist ja eigentlich ein allgemeines thema weil das für jedes template so ist

liebe grüße

[Blockierte Grafik: https://bilderupload.org/image/b6f955427-screenshot-2021-12-20-at.png]

Zitat von mipu

Sollte so gehen.

CSS

.sidebarItemList img {
    height: 24px!important;
    width: 24px!important;
}

Ist für die Sidebar.

größehat sich geändert danke , jedoch ist um den bilder noch ein "container" also ein verlinkung exestiert noch wo kein bild da ist

kurze frage , ich hab nun das icon gefunden was ich gerne ändern will das hat aber den befehl

{@$entry->getIconTag(24)}

wie kann ich daraus ein css datei machen für die größe des bildes

Zitat von Tom

Man kann da nicht einfach eine Zahl eingeben, es gibt nur vorgegebene Größen.

die zahl ist vom system so drine

Zitat von Tom

Ja weiß ich, deswegen schreibe ich ja das man da nicht eine beliebige Zahl eingeben kann.

Mach das per CSS und lass das mit den Templates weg.

ja okay ich versuche schon seit tagen die box irgendwie anzupassen aber der code von mipo ist schon okay jedoch ist das bild noch in einem frame und die hat wohl keine klasse ... das heißt man klickt auf ein leeres feld und man kommt zum artikel

deswegen wollte ich diesen befehl

{@$entry->getIconTag(24)}

was nur das reine bild ist extra in einem css verpacken

Zitat von Tom

So:

CSS

/* Icons Sidebar */

.sidebar .sidebarItemList {
    .box64 > span > span {
        --icon-size: 28px;
        width: var(--icon-size) !important;
        height: var(--icon-size) !important;
        img {
            width: var(--icon-size) !important;
            height: var(--icon-size) !important;
        }
    }
}

Alles anzeigen

oh suppiiii vielen lieben dank