Mega wichtig! Hilfe! Füllfarbe Überschrift Bestellartikel ändern! Wie??? gelöst

  • betr. layout cars

    Hallo forum,
    jetzt habe ich ein mächtiges problem, welches ans eingemachte geht…und ggf. meine ganze bisherige layout arbeit zu nichte macht, das ergebnis ist zurzeit leider überhaupt nicht webtauglich bzw. kunden-tauglich.

    die "füllbereichsfarbe" der Überschrift des bestellartikel wird mit dem gleichen datensatzt gefüttert wie die der überschrift des newsartikels. Folge ist, dass ein rund 1cm dicker balken (bei mir zur zeit rot) über den inhaltsbereich von links nach rechts sichtbar wird. Wenn man nun 10 bestellartikel auf einer seite anlegt, (wie eine normale listenansicht bei ebay) dann hat man 10 balken untereinander, die das gesamte layout zu nichte machen.
    Der abstand der balken wird in erster linie von der fotohöhe bestimmt (falls foto geählt), die ja in listenansichten eher klein ausfallen.
    Meine frage ist es nun, kann mir jemand einen tipp geben, wie bzw. wo ich diesen überschrift-füllbereich (default.html?, styles.css) ändern, kann?....das layout möchte ich nicht mehr wechseln, da steckt zuviel arbeit drin, ferner die layouts, die eine ähnliche layout-struktur wie „cars haben“, haben das gleiche problem…
    Ich hoffe ihr könnt mir helfen.
    gruss
    wolfgang

    anhang screeshot

  • Hallo Wolfgang,
    willst Du den roten Hintergrund in deinem Newsbereich beibehalten oder könnte der auch geändert werden?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • hallo stefan,
    danke für deine schnelle reaktion,... das ist es ja, ich möchte den hintergrund im newsbereich eingefärbt lassen, ob es dann rot bleibt ist noch nicht sicher, es wird sicherlich etwas dunkles sein, die farbe weiß und transparent habe ich natürlich schon ausprobiert, transparent funktioniert nicht, da dann die schrift kaum lesbar ist (dunkelgrau auf schwarzem hintergund>da newstexthintergund schwarz) und die farbe weiß erst recht nicht, da dann der füllbereich der newsüberschrift sich nicht mehr vom weißen "hauptinhaltsbereich" abhebt/trennt.....bei dem testen ist mir dann auch aufgefallen, dass die schriftformatierung der überschrift "bestellartikel" ebenfalls aus dem newsbereich übernommen wird.
    ich hoffe ihr habt da irgendeine möglichkeit, wie ich die bestellartikel formatierung ggf. händisch abändern kann....? sprich graue textfarbe, hintergund transparent...für jede hilfe bin ich dankbar!
    gruss
    wolfgang

  • ...so jetzt habe ich mal nachgeschaut...es ist tatsächlich so, die überschrift bestellartikel bekommt als formatierungsinfo die variable h2 und die variable h2 bekommt formatierungsvorschriften des newsbereich aus der styles.css
    siehe

    h2 {
    margin: 0;
    padding: 8px 5px 8px 10px;
    font-size: #text(newsheading-font-size);
    font-weight: #text(newsheading-font-weight);
    color: #text(newsheading-font-color);
    background-color: #text(newsheading-background-color);
    background-image: url(#text(newsheading-background-image));
    background-repeat: repeat-x;

    wenn man jetzt programiertechnisch sagt, nehme für die überschrift bestellartikel nicht die variable h2 sondern h1 (artikel inhaltsüberschrift formatierung) wäre man für diesen fall doch schon fast am ziel, oder?

    h1 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: #text(articleheading-font-size);
    font-weight: #text(articleheading-font-weight);
    color: #text(articleheading-font-color);
    line-height: #text(articleheading-line-height);

    denn die hintergrundfarbe des artikelinhalts ist bei mir ein weißton und die überschriftfarbe ein schwarz.....

    jetzt hoffe ich, wenn es denn so geht, dass ihr mir sagen könnt, wie ich wo etwas händisch austausche...

    gruss
    wolfgang

    ps: alternativ könnte man ja auch die variable h3 als überschrift bestellartikel deklarieren und diese dann einpflegen, das wäre dann schon eine luxusvariante,..für alternative möglichkeiten bin ich natürlich immer zu haben....ich hoffe ich liege mit meinem laienhaften wissen nicht zu sehr daneben....

  • OK, hier mal ein Versuch.

    Falls Du das nicht bereits getan hast, solltest Du eine Kopie des Verwendeten Layouts erstellen:
    * Reiter "Website" in den unteren textbereich des Button "Layout bearbeiten" klicken und "Anderes Layout auswählen" anklicken
    * Dann im Fenster ganz rechts oben auf den Button "Layout-Optionen" klicken und "Kopie des Layouts erstellen" wählen - wähle einen Namen z.B."Cars2"
    * Button OK (unten rechts) anklicken.

    Nun verwendet Dein Projekt ein "eigenes Layout", das auf basis von Cars erstellt wurde.

    In Deinem Projektordner findest Du einen Ordner "Layouts" und in diesem, abhängig von dem oben gewählten Namen einen Ordner "Cars2".
    Öffne diesen mal.

    Innerhalb dieses Ordners findest Du einen Ordner "_media" und darin die Datei "styles.css" welche Du nun in einem Editor bearbeiten musst.

    Ersetze bitte Zeile 27 - 36

    Code
    h2 {
    	margin: 0;
    	padding: 8px 5px 8px 10px;
    	font-size: #text(newsheading-font-size);
    	font-weight: #text(newsheading-font-weight);
    	color: #text(newsheading-font-color);
    	background-color: #text(newsheading-background-color);
    	background-image: url(#text(newsheading-background-image));
    	background-repeat: repeat-x;
    }

    durch

    Nun die css Datei speichern und in Zeta Producer CTRL-SHIFT-T drücken um die Änderungen anzuwenden (danach Site neu erstellen).

    Und nun sollten alle h2 ausser die bei news, die Farbe der h1 und einen transparenten Hintergrund haben.
    Alternativ kannst Du natürlich in der ersten h2 Deklaration bei color einen eigenen Wert statt #text(articleheading-font-color); einsetzen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • ...das nenne ich eine reaktion, super support, ihr seit spitze! vielen dank!!!!!
    .... das werde ich nachher mal ausporbieren....und euch berichten...
    gruss
    wolfgang

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!