Darstellung im Index Mitte (Content Manager)

Thema wurde von Mimi, 23. Februar 2020 erstellt.

  1. Mimi
    Mimi Mitglied
    Registriert seit:
    26. Januar 2020
    Beiträge:
    24
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo liebe Shopbetreiber und -betreiberinnen,


    Ich möchte gerne auf meiner Startseite im Index Mitte gerne nochmal zentriert mein Shoplogo in größere Darstellung erscheinen lassen.

    Habe im entsprechenden Feld im Content Manager auch rumexperimentiert (mit Abstand links, rechts, oben, unten), aber es wird einfach nicht zentriert dargestellt, d.h. im Safari - Browser jetzt schon, nach zigmaligem Hin- und Hergeschiebe, aber in der mobilen Darstellung auf dem Handy rutscht das immer raus und ist gar nicht zu sehen.

    Bin wie immer für hilfreiche Tipps und Anregungen sehr dankbar.

    Liebe Grüße,
    Mimi
     
  2. FRAGO
    FRAGO Erfahrener Benutzer
    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.063
    Danke erhalten:
    340
    Danke vergeben:
    195
    hier gibt es mehrere Möglichkeiten...

    Code:
    <div style="text-align: center;">
        <img alt="" class="img-responsive" src="images/heidelpay.gif" />
    </div>
    
    oder

    Code:
    <div>
        <img alt="" class="img-responsive" src="images/heidelpay.gif" style="margin: 0 auto" />
    </div>
     
  3. Mimi
    Mimi Mitglied
    Registriert seit:
    26. Januar 2020
    Beiträge:
    24
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo Frago,

    Danke für deine Lösungsvorschläge, doch bin ich leider mit HTML überhaupt nicht bewandert.

    Ich habe im Editor für den Index unter 'Text' mein Bild eingefügt und es dort größenmäßig angepasst und versucht zu 'Centern'.

    Klicke ich in HTML sieht das aus wie auf dem Screenshot.

    Was muss ich mit deinen Code- Vorschlägen machen ?

    LG
    Mimi
     

    Anhänge:

  4. FRAGO
    FRAGO Erfahrener Benutzer
    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.063
    Danke erhalten:
    340
    Danke vergeben:
    195
    du schreibst "doch bin ich leider mit HTML überhaupt nicht bewandert" und dann ein solcher Code....

    Hier benötigt man deutlich mehr Informationen! Warum es überhaupt einen solchen Code gibt.

    Post mal den Gesamten Code aus Index Mitte
     
  5. esther_marschall
    esther_marschall Aktives Mitglied
    Registriert seit:
    7. Juni 2017
    Beiträge:
    39
    Danke erhalten:
    10
    Danke vergeben:
    5
    Wenn du das Bild über den Editor einfügst hast du als dritten Reiter "Erweitert". Dort ganz unten bei Stil display:block; margin-left:auto; margin-right: auto; eintragen und es ist mittig. Unter Formatklasse kommt dann das img-responsive
     
  6. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    generell als Tipp: Bildernamen besser ohne Leerzeichen!

    upload_2020-2-23_19-46-59.png