Style Edit - Bild auf Startseite mittig ausrichten

Thema wurde von Anonymous, 2. November 2023 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. November 2013
    Beiträge:
    384
    Danke erhalten:
    20
    Danke vergeben:
    103
    #1 Anonymous, 2. November 2023
    Zuletzt bearbeitet: 5. November 2023
    HuHU :)
    Ich brauche mal Hilfe bitte. Ich habe mich noch nicht viel mit dem Style Edit und extrawünschen auseinander gesetzt. Jetzt habe ich aber den Fall wo ich gerne mal etwas individuelles machen möchte und stoße direkt an eine Konigurationsgrenze :)

    Ich habe ein Bild auf der Startseite eingefügt. Dies kann ich responsive und mit einer Größenangabe anzeigen lassen. Was mir jedoch fehlt ist es mittig auszurichten. Ich vermute dafür sind dann die Klassen zuständig ? Und wenn ja, wie genau mache ich das ? Ich wurschtel mich da gerne selber rein und durch, aber ich könnte eine kleine Starthilfe benötigen ... Oder ist es einfacher als ich denke und ich habe etwas übersehen ?

    Vielen Dank vorab,

    Marc
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.834
    Danke erhalten:
    748
    Danke vergeben:
    284
    das geht nur per CSS Code.

    Dieser gilt für alle Widgets:
    Code:
    .widget-content{
      text-align: center;
    } 
    oder du gibst deinem Bild eine eigene Klasse. zb. bildstartseite. Dann mit diesem Code:
    Code:
    .bildstartseite{
      text-align: center;
    } 
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.476
    Danke erhalten:
    11.265
    Danke vergeben:
    1.607
    text-align zentriert nicht unbedingt ein Bild.
    margin-left: auto;
    margin-right: auto;
    konnte besser sein.
    oder man gibt dem Bild die Klasse "center-block" neben dem img-responsive
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.834
    Danke erhalten:
    748
    Danke vergeben:
    284
    :) bei mir funktioniert es.
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.476
    Danke erhalten:
    11.265
    Danke vergeben:
    1.607
    es kann gehen, muss es aber nicht. Ich hatte schon Bereiche (weiß jetzt nicht mehr wo :() wo es zwar den Text unter oder über einem Bild zentriert hat, das Bild blieb aber hartnäckig links.
    In den Fällen hilft es das Bild mit den Margin-Werten, oder mit der Klasse "center-block" zu versehen.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.834
    Danke erhalten:
    748
    Danke vergeben:
    284
    das find ich am einfachsten, wenn man nicht alle Widgets zentrieren mag. Vielen Dank dafür.
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. November 2013
    Beiträge:
    384
    Danke erhalten:
    20
    Danke vergeben:
    103
    @Michaela Klaiber Vielen Dank - damit war ich schon viel weiter gekommen, hatte allerdings das Problem das ich nur zentrieren konnte wenn ich den gesamten Container mit meinem css ausgestattet hatte. Beim Widget selber hat das nichts gebracht, das blieb stur links ... Ich hätte dann jetzt geschrieben - aber da kam @barbara mit dem center-block um die Ecke ... das war sehr gut. Jetzt ist das Bild zentriert auch wenn ich die Klasse nur im Widget beim Bild eintrage ...

    Vielen Dank euch beiden ... !

    Kann man wirklich nur bei den Widgets die Bilder untereinander setzen ? Immer wenn ich ein Widget in den Container ziehe ordnet es sich darunter ein. Nebeneinander fände ich schöner. Produktliste ist keine Option weil da die Bilder zu klein sind ...
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.834
    Danke erhalten:
    748
    Danke vergeben:
    284
    klicke ganz links bei dem Wort "Sektion" auf den Stift, dann kannst du die Sektion aufteilen:
    upload_2023-11-3_20-15-57.png
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. November 2013
    Beiträge:
    384
    Danke erhalten:
    20
    Danke vergeben:
    103
    @Michaela Klaiber
    Vielen Dank - hat alles geklappt. Bei mir war scheinbar auch netwas verbogen weil ich keine 4 Spalten bekommen habe wenn 4 eingestellt waren. Es wurden dann nur 3 angezeigt, bei 3 nur 2 und bei 2 nur die Linke ... Da konnte ich auch nichts dran ändern. Hab dann den Bereich gelöscht und neu angelegt und dann war alles normal ...