gelöst Footer Spalte 4 verzerrt (Orange Stage Theme)

Thema wurde von Nico-SPF, 16. Mai 2024 erstellt.

  1. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Hallo zusammen,

    Ich wollte Spalte 4 mit den Versand und Bezahl Logos anpassen und stoße auf 2 Probleme:

    1. Verzerrte Logos

    Ich habe die 2 "Sammel-Bilder" runtergeladen in Photoshop angepasst und mit den selben Maßen wieder eingefügt. Sieht im Content Editor dann so aus:
    upload_2024-5-16_21-2-58.png

    Auf der Website werden die Logos jedoch verzerrt und in unterschiedlicher Größe dargestellt:

    upload_2024-5-16_21-3-51.png

    Wie bekomme ich das korrigiert?

    2.
    Ich hätte gerne die Überschrift im selben Design (grau) wie bei den anderen 3 Spalten. Ich finde aber keinen Bereich in dem ich die Überschrift bearbeiten kann.

    Dann habe ich festgestellt, dass der Bereich "Mehr über" als "Seite" im Content Manager angezeigt ist. Die Spalten 2 und 3 sind unter "Elemente" unter "Footer" dargestellt:
    - Footer Spalte 2 = ID 4321005
    - Footer Spalte 3 = ID 4321006
    - meine Spalte 4 ist vom JungCreative - orangeStage = ID 1014605

    Ich schätze daher kommt die Designänderung in der Überschrift. Die Spalte mit ID 1014605 kann ich zwar deaktivieren, dann ist sie weg, aber die Footer Spalte 4 mit ID 4321007 (dass wird wohl die im selben Design mit grauer Überschrift sein) lässt sich trotz Aktivierung nicht anzeigen. Spalte 4 bleibt dann einfach weg:

    upload_2024-5-16_21-19-14.png

    upload_2024-5-16_21-15-34.png

    Ich freu ich über jede Hilfe, danke euch schonmal vorab!

    VG
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.638
    Danke erhalten:
    615
    Danke vergeben:
    232
    Hast du eventuell den Kundengruppencheck in den Einstellungen an und aber in der Spalte 4 aus?
     
  3. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Ich habe bis auf andere Preise beim Neukunden noch nichts mit den Kundengruppen gemacht und weder im StyleEdit noch im Content Manager kann ich die Spalte mit Kundengruppenbezug ein oder ausblenden.
    Das generelle Einblenden ist im Content Manager aktiviert, das Ausblenden im StyleEdit deaktiviert.
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.638
    Danke erhalten:
    615
    Danke vergeben:
    232
    du hast den Kundegruppencheck an?
    Admin-Bereich > Einstellungen > Kundengruppencheck

    Wenn ja, dann gibt es bei der Footer Spalte 4 (deine ID 4321007) auch den Kundegruppencheck.
    Content-Manager > Elemente > Footer Spalte 4
    Unter dem Eingabefeld:

    upload_2024-5-18_13-41-48.png
     
  5. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Kundengruppencheck ist deaktiviert, den Bereich sehe ich also nicht.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.638
    Danke erhalten:
    615
    Danke vergeben:
    232
    #6 Anonymous, 19. Mai 2024
    Zuletzt bearbeitet: 19. Mai 2024
    ok, dann hab ich dich falsch verstanden. Dann kann es daran nicht liegen.

    Eventuell kannst du die Standard Spalte 4 beim Orange Stage Theme gar nicht verwenden.
    Aktiviere mal die Orange Stage Spalte 4. Dann kann man es bei dir im Shop anschauen und eventuell besser helfen.
     
  7. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Hallo Michaela,
    ich hab die Spalte 4 im Footer jetzt aktiviert, schau mal drauf bitte, vll hast du ja eine Idee.
    Wie gesagt, die Überschrift in Orange würde ich gerne ändern und die Symbole sind unterschiedlich groß (verzerrt) obwohl im Editor alle gleich groß.
    Danke dir.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.638
    Danke erhalten:
    615
    Danke vergeben:
    232
    #8 Anonymous, 27. Mai 2024
    Zuletzt bearbeitet: 27. Mai 2024
    wenn du bei der Bearbeitung der Orange Spalte 4 auf HTML umstellst, dann gibt es dort diese Stelle:

    Code:
    <b>SICHER BEZAHLEN</b><img alt="payment" class="img-responsive" src="images/Bezahllogos.png" style="width: 349px; height: 61px;"><b>WIR VERSENDEN MIT<img alt="" src="images/Versandlogos.png" style="width: 366px; height: 64px;"></b>
                
    mach daraus dieses:

    Code:
     <b>SICHER BEZAHLEN</b><img alt="payment" class="img-responsive" src="images/Bezahllogos.png" style="width: 349px;"><b>WIR VERSENDEN MIT<img alt="" src="images/Versandlogos.png" style="width: 260px;"></b>
              
    

    und mit diesem CSS Code ist die Überschrift in der gleichen Farbe wie die anderen Spalten:
    Code:
    #footer .panel .panel-heading .panel-title {
        color: #666666;
    }

    upload_2024-5-27_20-10-18.png
     
  9. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Hallo Michaela,

    danke du bist super!
    Den HTML Code hab ich angepasst, die Bilder sind jetzt so groß wie sie sein sollen.

    Aber mit CSS Code habe ich aber noch nicht gearbeitet.
    Ich weiß ich muss den im StyleEdit anpassen, aber wie genau versteh ich nicht.
    Wenn ich im Styleguide "CSS bearbeiten" anklicke, kommt nur ein leeres Feld. Ich kann keine Zuordnung zum Footer und zur Überschrift ausmachen.

    upload_2024-5-30_11-6-23.png
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.638
    Danke erhalten:
    615
    Danke vergeben:
    232
    das freut mich. :)

    du kopierst den Code aus meinem Beitrag, klickst in Zeile 1 und fügst den Code ein. Verändere nichts am Code. Dann auf Speichern klicken.
    (der Code selbst hat die Zuordnung zum Footer)
     
  11. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Ok, hab ich gemacht. Leider hat es nichts geändert. Die Überschrift ist immer noch orange.

    upload_2024-5-30_14-55-26.png

    upload_2024-5-30_14-55-47.png
     
  12. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Wenn ich mir den Code im Browser anschaue, sieht das so aus:

    upload_2024-5-30_14-59-8.png
     
  13. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    972
    Danke erhalten:
    831
    Danke vergeben:
    302
    Wenn die Selektoren identisch sind, kommt's auf die Reihenfolge in der CSS-Datei an. Und - warum auch immer - steht da Dein Code weiter oben und wird dann durch die Orange-Angabe überschrieben. Probier's mit einem spezifischeren Selektor:

    Code:
    #footer .panel .panel-heading div.panel-title{
        color: #666666;
    }
     
  14. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Super, es hat geklappt, danke euch!
     
  15. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.638
    Danke erhalten:
    615
    Danke vergeben:
    232
    ich sehe gerade, dass deine Bilder im Footer in der mobilen Ansicht wieder unterschiedlich groß sind.
    da fehlt die img-responsive Klasse beim 2. Bild.
    Mit diesem HTML Code müsste es passen:

    Code:
     <b>SICHER BEZAHLEN</b><img alt="payment" class="img-responsive" src="images/Bezahllogos.png" style="width: 349px;"><b>WIR VERSENDEN MIT<img alt="" class="img-responsive"  src="images/Versandlogos.png" style="width: 366px;"></b>
     
  16. Nico-SPF

    Nico-SPF Mitglied

    Registriert seit:
    10. Mai 2024
    Beiträge:
    23
    Danke erhalten:
    0
    Danke vergeben:
    14
    Hast du dir das auf der mobilen Ansicht angeschaut?
    Mir ist aufgefallen, dass es am Laptop passt. aber am Handy nicht.
    Ich versuchs mal mit dem Code, danke.
     
  17. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.638
    Danke erhalten:
    615
    Danke vergeben:
    232
    ja, weil ich gesehen habe, dass es mobil unterschiedlich groß ist, hab ich mir den Code nochmal angeschaut.

    Aber wenn du diesen aus #15 nimmst, müsste es mobil und am Desktop passen.