Headergrafik anpassen

[Andreas.ch]

Hallo zusammen

Standartmässig ist beim Lucid-Template nur ein kleines Logo vorgesehen 180x50px. Kann ich via costum.css eine Grafik für die ganze Breite einfügen, das Ziel ist es nicht in den Code einzugreifen, damit ich dies nicht bei irgendwelchen updates immer wieder anpassen muss.

Kurz und bündig:
- oranger Menubalken muss etwas runter
- gleich wie organger Menubalken einfach doppelt so hoch ein logo welches als *.gif oder so vorliegt.

Vielen Dank

 

[Andreas.ch]

AW: Headergrafik anpassen

Hallo zusammen

ich schwubs das Thema mal wieder nach vorne!

Hat den keiner eine Ahnung?

Vielen Dank

 

[ots]

AW: Headergrafik anpassen

diese layout geschichten machste am besten mit firebug
ist ein firefox addon, hier zum runterladen Firebug
damit findest du die stellen in den css-dateien, die dann die änderung bewirken

 

[bitcon]

AW: Headergrafik anpassen

Hallo Andreas,

natürlich geht das. Als allererstes solltest dich etwas über das "custom" theme erkundigen. Nur wenn du deine Änderungen im custom theme machst, werden diese bei einem Update nicht überschrieben.

Im grude ist das ganz einfach: Im Admin unter "Darstellung/Template/Einstellungen/Standard Theme" auf Benutzerdefiniert stellen.

Dann die theme.css und den Ordner images von
\templates\JTL-Shop3-Tiny\themes\lucid

nach

\templates\JTL-Shop3-Tiny\themes\custom

kopieren und dann in der theme.css die Änderungen durchführen.


Um die Headerhöhe zu verändern einfach folgendes aus der theme.css suchen

#header, #header_wrapper {
    height: 140px;
    position: relative;
}

und den Wert "height" an deine gewünschte höhe anpassen.
Genauso kannst du hier auch einen Background definieren.

Ich hoffe dir damit etwas geholfen zu haben.

Grüße
Andy