Social Media Icons ändern, anpassen

Thema wurde von PaketboXXL.de, 1. März 2024 erstellt.

  1. PaketboXXL.de

    PaketboXXL.de Mitglied

    Hallo Zusammen, folgende Frage:

    Standardmäßig werden in der aktuellen Gambioversion beim zuschalten der Social Medialinks bunte farbige Icons eingeblendet. In den Artikeldetails.
    Ich würde diese gern duch weiße Piktogramme ersetzen da mein Shop ein dunkles Hintergrund hat.
    Wo finde ich dazu die Einstellungen ?
    Vielen Dank schon mal vorab

    Hier ein Artikellink: https://www.paketboxxl.de/Paketbox-mit-Briefeinwurf-Entnahme-Tuer-hinten-Rueckentnahme.html
     

    Anhänge:

  2. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Dazu musst du das CSS entsprechend anpassen. Sollden die Boxen aussenrum bleiben oder nur weiße Texte?
    Wenn sich der Inhalt auch ändern soll müsste man ggf. die entsprechende Theme Datei den Blog dazu anpssen.
     
  3. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Meinst du so?
    das wäre dann der code
    rechts makiert für die 4 Abschnitte.

    upload_2024-3-1_15-1-5.png
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    du könntest den Buttons einen weißen Hintergrund mit schwarzer Schrift geben:

    Code:
    .shariff-button a {
        background-color: #ffffff !important;
        color: #333333 !important;
    }
    upload_2024-3-1_15-13-56.png
     
  5. PaketboXXL.de

    PaketboXXL.de Mitglied

    Ja, exakt. Ich werde das mal nächste Woche versuchen anzupassen.
    Mal schauen wie weit ich mit meinen Kenntnissen komme. Vielen Dank für die Unterstützung.
     
  6. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    oder halt

    .shariff-button a {
    background-color: transparent !important;
    }
     
    Zuletzt bearbeitet: 1. März 2024
  7. Anonymous

    Anonymous Erfahrener Benutzer

    transparenter Hintergrund mit schwarzer Schrift würde ich nicht machen. ;-)

    lieber weißer Hintergrund mit schwarzer Schrift


    oder

    transparenter Hintergrund mit weißer Schrift
     
  8. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Ja, hatte vergessen die Color Zeile zu löschen.
    Wenn er es so will wie in meinem Foto oben, würde die transparenz am schnellsten und einfachsten gehen.
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    :D defintiv sparst du dir da eine ganze Zeile Code...
    Aber optisch ist es schöner, wenn es Buttons mit weißem Hintergrund und schwarzer Schrift sind. Denn schwarzer Hintergrund mit weißer Schrift hat er auf der kompletten Seite als Fließtext.
    (meine persönliche Meinung)
     
  10. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Jedes Zeichen zählt. Spart Bits und Byte's lol
    er hat ja beide Optionen nun. Hatte es so weil ich ihn so verstanden hatte.
    Einstellung wäre aber dennoch cooler. Haben viele CMS Systeme ja, das Symbol, Symbol/Text, nur Text, Farbe oder einfarbig, Quadrat oder rund usw. wüählen kannst, sowie eigene hinzufügen kannst.
    Achja, vielleicht irgendwann mal :)
     
  11. PaketboXXL.de

    PaketboXXL.de Mitglied

    Hallo Dennis, wie komme ich an die entsprechende CSS ?
    Ich habe jetzt folgendes versucht: Admin / Inhalte / Theme bearbeiten
    dann auf die Artikelseite navigiert und oben SCSS/CSS bearbeiten ausgewählt.
    Ich finde in dieser Datei jedoch keine Einträge zur facebook & Co.

    Bin ich auf dem falschen Pfad ?
     
  12. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Richtig. Einfach den Code da unten einfügen. Das important am Ende sagt dem Browser das er das andere überschreiten soll.
     
  13. PaketboXXL.de

    PaketboXXL.de Mitglied

    Ich finde die 4 Einträge nicht in der CSS , hier eine Textdatei mit dem kompletten code. Vielleicht bin ich doch auf der falschen CSS ???
     

    Anhänge:

  14. Anonymous

    Anonymous Erfahrener Benutzer

    Wenn Du über Theme bearbeiten > CSS/SCSS bearbeiten gehst, stehen dort keine CSS Codes, die Du da nicht selbst schon hinzugefügt hast oder hast hinzufügen lassen.
    Pack deinen Code da einfach rein und dann sollte das laufen.
     
  15. PaketboXXL.de

    PaketboXXL.de Mitglied

    Guten Morgen, ja habs machen lassen. Hab leider zu wenig Ahnung dafür.
    Habs eben unten eingefügt und hat auf anhieb funktioniert. Vielen lieben Dank
     
  16. Michaela Heinrichs

    Michaela Heinrichs Erfahrener Benutzer

    Und Twitter müsste irgendwann mal auch in X geändert werden.