NEU Button Form ändern

Thema wurde von sjra66, 13. Juli 2024 erstellt.

  1. sjra66

    sjra66 Erfahrener Benutzer

    Registriert seit:
    18. April 2024
    Beiträge:
    57
    Danke erhalten:
    0
    Danke vergeben:
    13
    Hallo zusammen,

    kann mir jemand sagen wie man folgende Button ändert: NEU, TOP und Sonderangebote? Im Moment sind die Button so oval und etwas klein, ich möchte sie aber rund und etwas größer haben. So wie in diesem Shop:

    https://www.hejnordic.de

    Vielen Dank schon mal im Voraus.

    Gruß
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    1. September 2012
    Beiträge:
    2.527
    Danke erhalten:
    449
    Danke vergeben:
    161
    Bei Themeeinstellung bei den Ribbons
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    401
    Danke erhalten:
    171
    Danke vergeben:
    137
    #3 Anonymous, 13. Juli 2024
    Zuletzt bearbeitet: 13. Juli 2024
    Meines Wissens lässt sich über den SE nur die Hintergrund- und Textfarbe und der Content ändern. Die Form, Größe und Co kann man nur via CSS ändern.

    Die folgenden CSS Codes einfach übernehmen.

    TOP Ribbon (Empfehlungen)
    Code:
    .ribbons .ribbon-recommendation {
      height: 40px !important;
      width: 40px !important;
      border-radius: 100% !important;
    }
    NEU Ribbon (Neue Artikel)
    Code:
    .ribbons .ribbon-new {
      height: 40px !important;
      width: 40px !important;
      border-radius: 100% !important;
    }
    Sonderangebote Ribbon
    Code:
    .ribbons .ribbon-special {
      height: 40px !important;
      width: 40px !important;
      border-radius: 100% !important;
    }
    Beziehungsweise so:
    Code:
    .ribbons .ribbon-recommendation, .ribbons .ribbon-new, .ribbons .ribbon-special {
      height: 40px !important;
      width: 40px !important;
      border-radius: 100% !important;
    }
    Die Werte für "height" und "width" kannst Du nach Belieben ändern.
    Aber, wenn die Ribbons rund sein sollen, müssen die Werte für height und width identisch sein.
     
  4. sjra66

    sjra66 Erfahrener Benutzer

    Registriert seit:
    18. April 2024
    Beiträge:
    57
    Danke erhalten:
    0
    Danke vergeben:
    13
    Vielen Dank für die schnelle Antwort. Werde ich gleich ausprobieren. ;)
     
  5. sjra66

    sjra66 Erfahrener Benutzer

    Registriert seit:
    18. April 2024
    Beiträge:
    57
    Danke erhalten:
    0
    Danke vergeben:
    13
    Hat soweit geklappt, vielen Dank. Ein Problem ist allerdings, dass die Wörter jetzt nicht mittig sind, sondern oben. Wie kann ich das denn ändern?

    https://www.al-tamhid-verlag.eu/de/
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    401
    Danke erhalten:
    171
    Danke vergeben:
    137
    #6 Anonymous, 13. Juli 2024
    Zuletzt bearbeitet: 13. Juli 2024
    Danke, dass Du den Link teilst, aber der Shop ist offline, daher kann ich mir das nicht anschauen.

    Probier mal folgenden Code:
    Code:
    .ribbons > div {
      padding-top: 13px !important;
      padding-bottom: 13px !important;
    }
     
  7. sjra66

    sjra66 Erfahrener Benutzer

    Registriert seit:
    18. April 2024
    Beiträge:
    57
    Danke erhalten:
    0
    Danke vergeben:
    13
    Hallo,
    vielen lieben Dank. Konnte mich leider nicht früher melden. Ich habe es eben sofort ausprobiert, und jetzt hat es geklappt. ;):) Super!

    Habe den Shop aber jetzt mal online gestellt. Muss zwar noch Artikel einstellen, und ein paar Änderungen (Logo, Warenkorb Icon ect. ) aber wenigstens ist er jetzt schon mal ansprechbar. ;)