{"id":989,"date":"2024-10-29T16:47:08","date_gmt":"2024-10-29T16:47:08","guid":{"rendered":"https:\/\/discountray.com\/?post_type=docs&p=989"},"modified":"2024-10-29T16:49:26","modified_gmt":"2024-10-29T16:49:26","password":"","slug":"how-to-apply-custom-css","status":"publish","type":"docs","link":"https:\/\/discountray.com\/de\/docs\/how-to-apply-custom-css\/","title":{"rendered":"So wenden Sie benutzerdefiniertes CSS an"},"content":{"rendered":"

Die Discount Ray-Oberfl\u00e4che ist vollst\u00e4ndig anpassbar. Wenn Sie \u00fcber grundlegende CSS-Kenntnisse verf\u00fcgen, k\u00f6nnen Sie das Erscheinungsbild des Rabattbereichs problemlos an das Design und die Pr\u00e4ferenzen Ihres Shops anpassen. Das Beste daran ist, dass alle CSS-\u00c4nderungen im Admin-Bereich der App vorgenommen werden, sodass sie nicht mit Ihrem Shopify-Design in Konflikt geraten. Wenn Sie die App deinstallieren, wird auch das benutzerdefinierte CSS entfernt, sodass Ihr Design davon nicht betroffen ist.<\/p>\n\n\n\n

Schritte zum Hinzuf\u00fcgen oder Anpassen von benutzerdefiniertem CSS in Discount Ray:<\/strong><\/h3>\n\n\n\n

Schritt 1:<\/strong>
<\/strong>Gehen Sie in Ihrem Shopify-Adminbereich zu Rabatt Ray<\/strong> Admin-Bereich. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 2:<\/strong>
<\/strong>Klicken Sie im Discount Ray-Administrationsbereich auf \u201eApp-Einstellungen<\/strong>.\u201d<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 3:<\/strong>
<\/strong>Scrollen Sie auf der App-Einstellungsseite nach unten, bis Sie die Option \u201eBenutzerdefinierte CSS-Stile f\u00fcr Rabattinformationen<\/strong>\u201d-Feld. Hier sehen Sie den vorhandenen CSS-Code, der auf den Rabattbereich angewendet wird.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Sie k\u00f6nnen entweder die aktuellen CSS-Werte anpassen, um das Design zu optimieren, oder Ihr eigenes benutzerdefiniertes CSS unterhalb des vorhandenen Codes hinzuf\u00fcgen.<\/p>\n\n\n\n

Wenn Sie Ihr eigenes CSS hinzuf\u00fcgen m\u00f6chten, k\u00f6nnen Sie die Entwicklertools Ihres Browsers verwenden, um die HTML-Struktur der App zu \u00fcberpr\u00fcfen und die relevanten Klassen- oder ID-Namen f\u00fcr verschiedene Elemente des Rabattbereichs zu finden.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 4:<\/strong>
<\/strong>Wenn Sie Ihre \u00c4nderungen vorgenommen haben, klicken Sie auf \u201eSpeichern<\/strong>\u201c, um die neuen Stile anzuwenden.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

Wichtiger Hinweis:<\/strong><\/h3>\n\n\n\n

Wenn Sie mit CSS nicht vertraut sind, sollten Sie die \u00c4nderungen am besten nicht selbst vornehmen. Wenden Sie sich f\u00fcr Hilfe gerne an unser kompetentes Supportteam. Wir k\u00f6nnen alle notwendigen Anpassungen f\u00fcr Sie vornehmen. Vielen Dank!<\/p>","protected":false},"excerpt":{"rendered":"

Die Discount Ray-Oberfl\u00e4che ist vollst\u00e4ndig anpassbar. Mit grundlegenden CSS-Kenntnissen k\u00f6nnen Sie das Erscheinungsbild des Rabattbereichs ganz einfach an das Design und die Vorlieben Ihres Shops anpassen. Das Beste daran: Alle CSS-\u00c4nderungen werden im Admin-Bereich der App vorgenommen, sodass sie nicht mit Ihrem Shopify-Theme kollidieren. [\u2026]<\/p>","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"doc_category":[42],"doc_tag":[],"class_list":["post-989","docs","type-docs","status-publish","hentry","doc_category-app-settings"],"year_month":"2026-04","word_count":256,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Anika Mehnaz","author_nicename":"anikaefl","author_url":"https:\/\/discountray.com\/de\/author\/anikaefl\/"},"doc_category_info":[{"term_name":"App Settings","term_url":"https:\/\/discountray.com\/de\/docs-category\/app-settings\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/docs\/989"}],"collection":[{"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/comments?post=989"}],"version-history":[{"count":2,"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/docs\/989\/revisions"}],"predecessor-version":[{"id":996,"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/docs\/989\/revisions\/996"}],"wp:attachment":[{"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/media?parent=989"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/doc_category?post=989"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/discountray.com\/de\/wp-json\/wp\/v2\/doc_tag?post=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}