Wenn ich einen Banner erstelle, erscheint er auf der Startseite linksbündig. Das sieht sehr unschön aus. Also habe ich ihn mit diesem Code zentriert. Code: .main-inside #shop-top-banner { display: flex; justify-content: center; align-items: center; } Leider ist aber dann der Banner auf der Artikeldetailseite auch zentriert und verschwindet zum Teil hinter der Preisbox. Wie kann ich denn den Banner nur auf der Startseite zentrieren?
Code: body.page-index .main-inside #shop-top-banner { display: flex; justify-content: center; align-items: center; }
Versuche es mal mit: Code: .page-index .main-inside #shop-top-banner { display: flex; justify-content: center; align-items: center; } Dominik war wohl ein Tick schneller.
habs jetzt diesen Code hinzugefügt. Der setzt die Preisbox auf die gleiche Höhe wie das Artikelbild. Mit diesem und meinem ersten Code zusammen ist der Banner auf jeder Seite zentriert. Code: .product-info-details.col-xs-12.col-md-4 { top: 0px !important; } Da muss ich halt dann dran denken, den zu löschen, wenn der Banner nicht mehr aktiv ist....