Blauer Kasten um Bild

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 :slightly_smiling_face:

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. :slightly_smiling_face:

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

1 Like

Mmmhhhh, er ist immer noch da, komischerweise bei manchen Bildern und bei manchen nicht :confused:

@BohoClub zum Test könntest Du’s mit der Holzhammermethode versuchen:

:focus {
    outline-color: #ddd !important;
}

Funktioniert’s so?

LG, Mario

1 Like

Hilfe!!! @r8r meine Seite ist down, was soll ich tun? Bei mir hats gerade alles zerhauen!!!

Besprechen wir gerade hier

@Gabe Danke, ich konnte es gestern Nacht noch mit jemandem vom Shopify selbst klären! :slightly_smiling_face:

Danke und liebe Grüße,

Nina

@BohoClub

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.

1 Like

Ah super, das ist eine mega Info @Gabe ! Danke dir! Das hat er wahrscheinlich gemacht ja. :slightly_smiling_face:

Liebe Grüße,

Nina

1 Like