Feld unleserlich auf Produktseite 
Autor: Peter W.
Besucht 662,
Followers 1,
Geteilt 0
Moin Ihr Lieben,
beim Redesign unserer Seite musste auch der Shop dran glauben.
Nun ist jedoch der Inhalt der Produktauswahl Zeile extrem schlecht zu lesen - siehe Bild.
Gibt es da einen Weg das zu ändern?
Ich finde leider selbständig keinen.
Liebe Grüße von Peter
Gepostet am
Nein, hier gibt es keine Einstellung die man machen kann. Das wird direkt vom Programm übernommen.
Man kann dies nur über individuellen Code lösen. Ist zwar nur ein 1zeiler aber man muss die Selektornummer wissen.
Autor
Danke!
Verrätst Du mir bitte diese eine Zeile?
Liebe Grüße
Wie gesagt kann ich es nur als Muster schreiben weil ich nicht deine Seite weis wo ich es im Quellcode rauslesen könnte.
<style> #imProductList_XX_XX select {background-color: blue!important;} </style>
Die XX musst du mit deiner Selektornummer ersetzen.
Autor
Danke Andreas,
Würdest Du bitte einmal schauen, ob Du es erkennen kannst? Bitte!
ein Beispiel findest Du unter https://sterne-fuer-alle.de/new/product/?celestron-inspire-80az
Ich wüsste sonst nicht, wie ich die "Selektornummer" finden sollte...
Dankeschön...
Ich werde das dann mal als Anregung zur Weiterentwicklung posten.
Liebe Grüße von Peter
Versuche es mal so...
<style>#im-product-container .product-options select {{background-color: blue!important;} </style>
der Code gehört unter "3" wenn du unten den Onlineshop: Produktseite markierst und auf Eigenschaften gehst beim Reiter "Erweitert"!
Autor
Dankeschön Andreas,
unter "3" wenn im Onlineshop: Produktseite / Eigenschaften / "Erweitert" steht leider nichts. Die Einträge sind leer...Dort gibt es keine "3" oder sonst etwas. Siehe screen.
Schade...dann warte ich wohl besser, bis es ein korrigiertes Produkt gibt...
Liebe Grüße
Dort soll auch der Code rein! Es ist ja von HAus aus leer. Deshalb kann man hier individuellen Code einfügen!
Autor
Ja, hab ich gemacht, aber das ändert nichts.
Sorry da fehlte ein Selektor...
<style>#im-product-container .container-gallery-info .product-options select {background-color: blue!important;} </style>
Autor
Daaaanke! Und Zack - geht!! Cool!
Autor
Moin Andreas,
da das wirklich gut funktioniert und ich ja sogar selbst noch die Farbe einstellen kann, habe ich Mut gefasst und frage nochmal, ob Du mir vielleicht noch eine Zeile für die Mengenangabe im Shop nennen würdest, bitte?!
Die hat das gleich (schwierige) Farbschema...
Dankeschön und liebe Grüße von Peter
O.K. den Code löschen und diesen dafür einsetzen.
<style>#im-product-container .container-gallery-info .product-options select, .product-quantity > input {background-color: blue!important;} </style>
Autor
Danke, danke, danke! tut's - direkt - Supi!