Das sollte layoutBoundary sein. Dort hast du die min und max Angaben aus dem ACP.
<div class="layoutBoundary">Inhalt</div>
Zwar schon auf dem richtigen Pfad, allerdings noch nicht ganz so optimal.
Hab mal einen Screen angehangen:
Hier das aktuelle Template und der CSS dazu
{if DE_WEBEXPANDED_LOL_CHAMP_ROTATION_ON && $__wcf->getSession()->getPermission('user.content.canViewChampionsRotation')}
{if !$Champions['error']|isset}
<div class="layoutBoundary">
<div class="champs">
<center>
{foreach from=$Champions item=$champ key=$key}
<div class="champ">
<p><img src="https://ddragon.leagueoflegends.com/cdn/7.12.1/img/champion/{$champ['key']}.png" width="70" height="70" /></p>
<p>{$champ['name']}</p>
</div>
{/foreach}
</center>
</div>
</div>
{else}
{$Champions['error']}
{/if}
{/if}/**
* Free Champions Rotation Styling
*
* @author Kevin Härtling, Kai Hoth
* @copyright 2017 WebExpanded
* @package de.webexpanded.champions.rotation
* @subpackage WoltLab Suite Core
*/
.champs{
background-color: #000;
padding:15px;
padding-left: 6.5%;
padding-right: 5%;
text-align:center;
}
.champ {
margin-left:2px;
margin-right:2px;
padding: 0px;
text-align:center;
color: #fff;
display: inline-block;
}
.champ img{
box-shadow: none;
transition: box-shadow 0.7s;
}
.champ img:hover {
-webkit-box-shadow: 0px 0px 15px 5px rgba(51,153,204,0.8);
-moz-box-shadow: 0px 0px 15px 5px rgba(51,153,204,0.8);
box-shadow: 0px 0px 15px 5px rgba(51,153,204,0.8);
}
@media (max-width:900px){
.champs{
display: none;
}
}Wo genau fügst du das denn ein? "Header" ist ja sehr allgemein gefasst und deshalb leicht unpraktisch, um gescheit zu helfen.
Wenn du es aber z.B. direkt innerhalb vom pageContainer haben solltest, dann stört vermutlich das display: flex vom pageContainer. Dann müsstest du z.B. um dein layoutBoundary noch ein zusätzliches div bauen. Oder bau deinen Code einfach innerhalb von pageHeaderContainer oder innerhalb von pageHeader ein. Dann sollte es eigentlich auch passen. Eine Live Ansicht wäre da allgemein praktischer.
Davon abgesehen fällt mir spontan noch folgendes auf:
<center> als CSS umsetzen und bei den Bildern noch ein alt="" hinzufügen.
Ich schenk Dir ein k.
Gruß norse
Das Event indem ich mich einklinge ist afterPageHeader in Teamplate header
[...] dann stört vermutlich das display: flex vom pageContainer. Dann müsstest du z.B. um dein layoutBoundary noch ein zusätzliches div bauen.
Beispiel:
<div>
<div class="layoutBoundary">
[...]
</div>
</div>Ich schenk Dir ein k.
Gruß norse
Ich bitte dich, wenn du nichts konkretes zu sagen hast, unterlass doch bitte solche unnötigen Kommentare. 
Ich werde es mal austesten ReeN Danke schon einmal.
Entschuldige bitte. Mir war nicht bewusst, dass es hier immer nur bierernst zugehen muss.
Gruß norse
Don’t have an account yet? Register yourself now and be a part of our community!
