Seite 1 von 1
[3.3] Position des Logos verändern
Verfasst: 12.03.2025 17:00
von stefan-franz
Hallo, welche Parameter muss ich in welcher Datei verändern, wenn ich das Bild "Online Academy" (links oben) in meinem Board
https://pm-focus6-team.de/
etwas nach oben und weiter nach links setzen will?
Re: [3.3] Position des Logos verändern
Verfasst: 12.03.2025 17:16
von Kirk
Hallo
Finde in der
common.css das hier:
Ersetzen mit:
Code: Alles auswählen
.site-description {
float: left;
width: 98%;
padding-left: 8px;
}
Finde:
Code: Alles auswählen
.logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
Ersetzen mit:
Code: Alles auswählen
.logo {
float: right;
width: auto;
padding: 10px 13px 0 10px;
}
Die Feinabstimmung musst du dann mit den
padding Werten machen.
Als Alternative könntest du die EXT
Sitelogo responsive nehmen.
Re: [3.3] Position des Logos verändern
Verfasst: 13.03.2025 21:55
von Talk19zehn
In meiner Leichtigkeit wäre lediglich dies zu ändern: Abstände (padding) passen sodann bei genauer Untersuchung (lediglich mittels Browser-Tool).
Code: Alles auswählen
.logo {
float: left;
width: auto;
padding: 2px 13px 0 4px;
}
Als Gast sieht man die Suche nicht, was in meinem Ansinnen noch keinen Sinn machen kann,
.site-description prozentual zu ändern oder andersartig das Logo zu floaten. Wenn Events dort ins Spiel kommen könn(t)en, ergäbe dies m.E. einen Umbruch und zieht die Klasse headerbar auf.
Reine unverbindliche Erfahrungswerte. Dein Ziel mag ein anderes sein. Viel Glück.
Re: [3.3] Position des Logos verändern
Verfasst: 14.03.2025 09:48
von stefan-franz
Talk19zehn hat geschrieben: 13.03.2025 21:55
In meiner Leichtigkeit wäre lediglich dies zu ändern: Abstände (padding) passen sodann bei genauer Untersuchung (lediglich mittels Browser-Tool).
Code: Alles auswählen
.logo {
float: left;
width: auto;
padding: 2px 13px 0 4px;
}
Was bedeutet diese Padding Werte: 4 Koordinaten? Abstände von bis?: 2px 13px 0 4px;
Re: [3.3] Position des Logos verändern
Verfasst: 14.03.2025 10:19
von chris1278
Re: [3.3] Position des Logos verändern
Verfasst: 14.03.2025 11:32
von Talk19zehn
Hallöchen: oben, rechts, unten, links ...
Wenn das Bild "Online Academy" (links oben) in deinem Board etwas nach oben und weiter nach links gesetzt sein soll: Beispiel (probiere es einfach aus).
Das Original findest du in der common.css:
Code: Alles auswählen
.logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
BTW:
Und, es kommt immer auf den DIV-TAG (Container) an, den du bestückst. Margin-Werte vererben sich bspw.
Und/oder Float, Flex etc. pp. können einem das Leben mit den Abstandsregeln erschweren. Es gibt zig-fache Konventionen.
Viel Glück!