Headerbild

... wenn man als Laie was machen soll...

Es soll das Bild im Headerangezeigt werden
also steht es nun dort (Position: headermodule1 [ Style: none outline])

Soweit, so gut...
Das steht als Original in der template.css

<div id="wrapper">
<div id="header_container">
<div id="header">
<div id="headermodule1">
<div class="custom">
<p style="text-align: left;"> <---LINKS
<img alt="" src="/.../images/logos/web-logo.png">
</p>
</div>

Ich habe mir also mit Firebug die entsprechende Stelle gesucht, da das Bild in die Mitte soll und hier unter

element.style {
text-algin: center;
}
geändert.

wenn ich per Firebug von left auf center umschreibe, wird das Bild auch verschoben.


Abgespeichert in der coustom.ccs und aktualisiert.
In der template.css wird die Änderung übernommen, aber das Bild bleibt links.

Wo habe ich was übersehen?

Das Ding ist dass wir hier einen "Inline-Style" haben. Sprich der steht im HTML Code selber drin.
Dieser wiederum wurde von dir selber im Editor des Custom Modules eingegeben und kann dort auch wieder entfernt werden.

Nun muss man noch wissen dass Inline-Styles eine höhere Priorität haben als Styles aus CSS Dateien. Das heisst du kannst den Style nicht einfach so überschreiben. Du müsstest ein "!important" dranhängen.

Aber eben, der Inline-Style kommt aus dem Modul und kann im Editor wieder rausgenommen werden.

gefunden, der Anstupser auf das Modul war´s.


Danke