Sterne Bewertung auf Mobile zentrieren via CSS?

Thema wurde von Anonymous, 25. Juli 2020 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.552
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    #1 Anonymous, 25. Juli 2020
    Hallo Leute
    Ich versuche die Sterne Bewertung in der Mobile Variante zu zentrieren.
    In der Desktop Version habe ich dies bereits via folgenden CSS Code geschafft:


    Code:
    .product-info .product-info-details .ribbon-spacing {
    display: flex;
    justify-content: center;
}

    Aber bei der Mobile Version suche ich nun schon eine ganze Weile nach dem passenden Code. Hat das jemand vielleicht schon gemacht und kann mir auf die Sprünge helfen? :)

    Vielen Dank im Vorraus und noch ein erholsames Wochenende,
     
  2. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    940
    Danke erhalten:
    811
    Danke vergeben:
    301
    #2 Dominik Späte, 25. Juli 2020
    Wie wäre es damit:

    Code:
    .product-info-content .product-info-title-mobile div{
    text-align:center;
}
    Falls das mehr zentriert als es soll - damit sollte es auch gehen:

    Code:
    .product-info-content .product-info-title-mobile .rating-stars{
    display:block;
    margin:0 auto;
}
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.552
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    #3 Anonymous, 25. Juli 2020
    Habe den ersten Code genommen, funktioniert einwandfrei.
    Vielen Dank. :)