Liquid, JavaScript, Themes
Hallo ihr Lieben,
ich hoffe ihr könnt mir helfen: Ich möchte diesen blauen Kasten um meine Bilder weghaben (siehe unten). Er erscheint sobald ich das Bild angewählt habe.
Das sieht einfach nicht schön/nicht professionell aus. Kann ich das irgendwo im Code anpassen? Das war sonst nicht so und ich weiß nicht woran es liegt.
Bin dankbar für jede Hilfe,
Nina 🙂
Hallo @BohoClub
hast Du das schon geändert? Wenn nein, mit welchem Browser hast Du die Seite besucht, als Du den Screenshot gemacht hast?
So sieht's für mich aus:
LG, Mario
Lieber Mario,
der blaue Kasten ist in der mobilen Ansicht sichtbar. Am Desktop ist er bei mir auch schwarz, deshalb ist es ja auch so komisch.
Seht einfach nicht schön aus. Kann ich das irgendwo im Code ändern?
.
Lieben Gruß,
Nina
Hallo Nina @BohoClub
das ist ein Feature, das Barrierefreiheit unterstützt und kommt direkt vom Browser. In meinem Brave ist die Linie nicht blau, sondern orange.
Ich würd das nicht deaktivieren, da Du damit den Focus-Status schwierig erkennbar machst für diejenigen, die die Seite mit der Tastatur bedienen. Probier mal, ob das funktioniert – das sollte die Outline in einem hellen Grau anzeigen:
:focus {
outline-color: #ddd;
}
LG, Mario
Cool, danke dir. 🙂
Weißt du in welchem Bereich vom Code ich das anpassen muss? Also wo ich das finde zum Ändern?
Danke und liebe Grüße,
Nina
… der Einfachheit halber kannst Du das am Ende der Datei /assets/theme.scss.liquid ergänzen.
LG, Mario
Mmmhhhh, er ist immer noch da, komischerweise bei manchen Bildern und bei manchen nicht 😕
@BohoClub zum Test könntest Du's mit der Holzhammermethode versuchen:
:focus {
outline-color: #ddd !important;
}
Funktioniert's so?
LG, Mario
Besprechen wir gerade hier
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
@Gabe Danke, ich konnte es gestern Nacht noch mit jemandem vom Shopify selbst klären! 🙂
Danke und liebe Grüße,
Nina
Hey Nina, ja, ich denke die haben deine theme.liquid auf eine früher Version zurückgesetzt. Kannst du auch machen falls sich etwas im Theme wieder zerschießt.
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
Ah super, das ist eine mega Info @Gabe! Danke dir! Das hat er wahrscheinlich gemacht ja. 🙂
Liebe Grüße,
Nina
Shopify unterstützt die weltweit innovativsten Marken und Unternehmer:innen. Um Unterne...
By SarahF_Shopify Mar 25, 2024Was ist ein kleines Element eines Shopify Shops mit großer Wirkung? Ein Element ganz we...
By Kai Mar 14, 2024Was genau ist POD? Von T-Shirts bis hin zu Plakaten, Kaffeetassen, Wandmatten, alles was m...
By Kai Feb 29, 2024