Wenn Sie eine Extension installieren (z.B. ein Hyvä Kompatibilitätsmodul / eine Hyvä Kompatibilitätsextension), werden die Styles dieser Extension (in der Regel aus tailwind-source.css) nicht sofort von Hyvä erkannt und entsprechend in Hyvä bzw. Tailwind berücksichtigt. Damit dies geschieht, muss zuerst…
Farbe Radiobutton anpassen im Hyvä Theme (Magento 2)
Sie können die Farbe des Radio Buttons im Hyvä Theme in Ihrem Magento 2 Shop sehr einfach anpassen, entweder mit einer vordefinierten Farbe, das könnte dann so aussehen:
1 2 3 |
input[type='radio'] { @apply text-emerald-500 focus:ring-emerald-500 } |
Wenn Sie eine eigene Farbe definiert haben, sieht es ähnlich aus:…
Snowdog Menü CSS überschreiben im Hyvä Theme (Magento 2)
Das Magento 2 Snowdog Menü definiert sein eigenes Layout für z.B. die Hover Textfarbe. Um diese oder anderes CSS des Snowdog Menüs zu überschreiben, gehen Sie folgendermaßen vor: Öffnen Sie die Datei app/design/frontend/Theme/hyva/web/tailwind/postcss.config.js Ihres Hyvä Child Themes Fügen Sie den…
Focus Ringfarbe ändern beim Hyvä Theme (Magento 2)
Wenn Sie die Farbe des Fokusrings in Ihrem Hyvä Theme anpassen und eine individuelle Farbe verwenden möchten, können Sie das in der Datei app/design/frontend/Theme/hyva/web/tailwind/tailwind.config.js erledigen:
1 2 3 4 5 6 7 8 9 |
... theme: { extend: { ringColor: { 'thecolor': '#123456' }, } } ... |
Zugriff auf die Farbe haben Sie dann z.B. mit dem Code:
1 |
class="... focus:ring-thecolor ..." |
. Wenn Sie…