Social Media Icons ändern, anpassen

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

  1. PaketboXXL.de
    PaketboXXL.de Mitglied
    Registriert seit:
    28. Februar 2024
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    3
    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
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    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
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    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
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    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
    Registriert seit:
    28. Februar 2024
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    3
    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
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    #6 Dennis (MotivMonster.de), 1. März 2024
    Zuletzt bearbeitet: 1. März 2024
    oder halt

    .shariff-button a {
    background-color: transparent !important;
    }
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    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
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    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
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    :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
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    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
    Registriert seit:
    28. Februar 2024
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    3
    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
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    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
    Registriert seit:
    28. Februar 2024
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    3
    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
    Registriert seit:
    11. Juli 2021
    Beiträge:
    455
    Danke erhalten:
    215
    Danke vergeben:
    166
    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
    Registriert seit:
    28. Februar 2024
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    3
    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
    Registriert seit:
    16. März 2021
    Beiträge:
    224
    Danke erhalten:
    23
    Danke vergeben:
    61
    Und Twitter müsste irgendwann mal auch in X geändert werden.