Finde Designelement nicht in CSS-Datei

CrossBeau

Hallo zusammen,

ich habe eine Webseite mit einer Accountverwaltung, wo ein Select Feld durch ein Addon eingebracht worden ist. (https://crossbeau-brewing.de/shop/my-account/)

In Chrome ist dort die Schrift weiß auf weißem Hintergrund. Ich habe (meiner Meinung nach) bereits alle erkennbaren "Select" elemente den mir bekannten CSS.Dateien verändert, aber das Aussehen ändert sich nicht. Könnt ihr erkennen, nach welchem Tag ich in welcher CSS Datei suchen muss?

In Firefix und Edge widerum ist die Select Formatierung richtig, aber die Schrift in den Eingabefeldern schwarz auf dunklem Hintergrund. Das ist in Chrome wiederum weiß. Das macht mich wahnsinnig.

Tausend Dank für Eure Zeit!

CrossBeau

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

Rechtsklick auf das Element das du ändern willst und auf "untersuchen"

in deinem Fall siehst du dann
wp-content/themes/craft-beer/style.css (Zeile 205)

Code

input:not([type="checkbox"]):not([type="radio"]), textarea, select {
    outline: none;
    font: inherit;
    line-height: inherit;
    width: 100%;
    background: transparent;
    line-height: 1;
    width: 100%;
    display: block;
    padding: .8em;
    background: transparent;
    color: #000000;
}

Alles anzeigen

somit dann

Code

color: #000000;

in

Code

color: #ffffff;

ändern

CrossBeau

Hi,.

vielen herzlichen Dank!

Dank deiner guten Erklärung konnte ich auch weitere Bugs und die richtigen zeilen aufspüren.

Tutrix

nun du muss korrekt formatieren
z.B. in dem Code oben steht 2 x

Code

background: transparent;

also 1 davon löschen und wenn du schwarzen Hintergrund (background) haben willst, dann auch schwarz verwenden statt transparent ;)
und natürlich nach Änderungen den Browser Cache löschen und wenn ein Cache Plugin verwendet wird dort auch

das mit dem Rechtsklick geht ja in jedem Browser, somit siehst du welche Formatierung greift und welche durchgestrichen, also durch eine andere überschrieben wird

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Finde Designelement nicht in CSS-Datei

Jetzt mitmachen!