FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Custom CSS - Product Card Padding funktioniert nicht wie erwartet

Custom CSS - Product Card Padding funktioniert nicht wie erwartet

msshop
Neues Mitglied
9 0 0

Hallo an alle,

 

ich benutze das Dawn-Theme und möchte über Custom CSS das Padding für die Bilder anpassen und habe daher folgenden Code eingefügt beim Produktraster:

 

.card__media {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

Das Padding wird jedoch nur auf der linken Seite umgesetzt. Hat jemand eine Idee was nicht passt? (siehe Bild):

Bildschirmfoto 2024-05-26 um 10.54.06.png

Danke für eure Hilfe 🙂

1 ANTWORT 1

Gabe
Shopify Staff (Retired)
19233 3006 4441

Hey @msshop 

 

Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink oder Link zu einem Beispiel sehr hilfreich das schneller in der Developer Console zu analysieren.

 

Und hast du das Padding auf Theme-Ebene im Editor editieren können? Oft ist es so dass man gar nicht erst in den Theme Code eingreifen muss:

 

 

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog