Inhalt des freigestaltbaren Bereich im Header vertikal zentrieren

Thema wurde von Vito, 6. Dezember 2019 erstellt.

  1. Vito

    Vito Erfahrener Benutzer

    wie man den Inhalt des Freigestaltbaren Bereich im Header richtig (vertikal) zentrieren kann?
     
  2. FRAGO

    FRAGO Erfahrener Benutzer

    Dazu müsste man mal den Patienten anschauen. Auch ein Bild wird hier nicht helfen.
     
  3. Vito

    Vito Erfahrener Benutzer

    hier das Bild, und der Code:

    Code:
    <div class="row">
            <div class="hidden-xs hidden-sm col-md-12 col-lg-12">
                <table class="table table-responsive">
                    <tbody>
                        <tr>
                            <td><strong><font size="2">Kostenloser Versand</font></strong></td>
                            <td><strong><font size="2">30 Tage Widerrufsrecht</font></strong></td>
                            <td><strong><font size="2">Sichere Zahlungsarten</font></strong></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
     

    Anhänge:

    Zuletzt bearbeitet: 6. Dezember 2019
  4. FRAGO

    FRAGO Erfahrener Benutzer

  5. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Wären da nicht 3 zusammenhängende Zeilen für den Kunden schneller lesbar und erfassbar?
     
  6. Vito

    Vito Erfahrener Benutzer

    danke für den Hinweis, aber wie zentriert man es dann richtig?
     
  7. barbara

    barbara G-WARD 2014-2020

    <div class="meinContent">
    hier dein Text
    </div>

    und dann im CSS
    .meinContent {
    display: table-cell;
    vertical-align: middle;
    }

    Nachtrag: fehlendes "=" eingefügt.
     
    Zuletzt bearbeitet: 6. Januar 2020
  8. Anonymous

    Anonymous Aktives Mitglied

    Ich hab das gleiche Problem!
    Das blöde ist, dass der HTML Editor aus <div class"meinContent"> immer wieder nur <div> macht!!!
     
  9. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Da ist ein Schreibfehler drin, das muss <div class="meinContent"> sein. Da fehlt das = darum setzt der Editor das immer wieder um.
     
  10. Anonymous

    Anonymous Aktives Mitglied

    Ich habs vermurkst :)

    Kann mir bitte jemand die Original-HTML senden vom Header? Danke!
     
  11. barbara

    barbara G-WARD 2014-2020

    Welche Datei(en) in welcher Shopversion?

    Oh, stimmt. das "=" ist irgendwie abhanden gekommen.:oops:
     
  12. Anonymous

    Anonymous Aktives Mitglied

    Der Support hat's mir wieder rein gemacht...


    <p>
    <i class="fa fa-comments"><span class="hidden">.</span></i><strong>K&ouml;nnen wir Ihnen helfen?</strong><br />
    Telefon: +49 123 45678
    </p>