Support » Allgemeine Fragen » Bearbeiten von CSS dateien

  • Gelöst cemens9966

    (@cemens9966)


    Hi. (vorab.. Ich bin ein blutiger Anfänger, sorry dafür :D)

    Ich suche eine Möglichkeit den Style eines einzigen Buttons zu ändern.
    Es handelt sich hier um den Button „Kasse“ im dropdown vom Warenkorb.

    Leider gibt es keine Optionen dazu im customizer.
    Habe nun herausgefunden wie ich dies temporär mithilfe des developer tools ändern kann.

    
    element.style {
        background: red;
    }

    Die zugehörige CSS-Datei habe ich auch gefunden.
    Leider finde ich mich darin absolut nicht zurecht da alles in einer „Wurst“ dargestellt wird.
    Außerdem finde ich „element.style“ nicht.
    Versuche ich es nun manuell hinzuzufügen wird mir der Text rot markiert.

    Bitte helft einem bluten Afänger.
    Ich bin für jeden Tipp dankbar !

    • Dieses Thema wurde geändert vor 3 Jahren, 4 Monaten von cemens9966.
    • Dieses Thema wurde geändert vor 3 Jahren, 4 Monaten von cemens9966.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Grundkenntnisse in PHP, HTML, CSS und JavaScript können wir hier nicht vermitteln, weil es den Rahmen sprengt.

    Immerhin kann ich dir aber soviel vorab sagen: element.style ist nur ein Platzhalter. Elemente können HTML-Tags sein (z.B. main, article oder footer) und mit .style ist eine CSS-Klasse wie z.B. .entry-content.

    Dass „alles in einer „Wurst“ dargestellt wird.“ hängt damit zusammen, dass CSS möglichst kompakt übertragen werden soll. Mit den Entwickler-Tools des Browsers kannst du die verwendeten CSS-Regeln besser betrachten: Rechtsklick auf den Bestandteil der Webseite, den du ändern möchtest, dann „Element untersuchen“.

    In den Entwickler-Tools kannst du auch „Was wäre wenn?“-Spielchen betreiben, also testen wie sich eigene CSS-Regeln auswirken sollten. Wenn du dann eine CSS-Regel wie

    .button.checkout.wc-forward {
        background: #e00;
    }

    eratellt hast, kannst du die CSS-Regel kopieren und im WordPress-Backend im Customizer unter Zusätzliches CSS einfügen.

    Du bekommst WordPress, -Themes und -Plugins auf WordPress.org kostenlos zur Verfügung gestellt und kannst sie nach Belieben verwenden und auch an deine Wünsche anpassen, was aber entsprechende Programmier-Kenntnisse voraussetzt. Wir helfen gerne, wenn es dabei hier oder da mal klemmt, aber bitte hab Verständnis, dass es nicht Aufgabe des Support-Teams ist, auf Zuruf Änderungen am Theme vorzunehmen. Wenn du dich dabei nicht einlesen/einarbeiten möchtest, solltest du einen Dienstleister beauftragen.

    Hallo @cemens9966,
    ich finde es mal gut, das ein „Anfänger“ schon so weit vorwärtskommt, um die Stelle zu identifizieren, wo die Änderung sein sollte ist. Dafür ist kein „Sorry“ nötig!

    Zusätzlich zu @pixolin Erklärung wollte ich noch anregen, das Du, @cemens9966, evtl. mal einen Testartikel reinstellt. Damit könnte man sich auch diesen Kassa Button in Aktion ansehen und (per „Element untersuchen“) dessen CSS-Code anschauen.

    … evtl. mal einen Testartikel …

    Der war, als ich geantwortet habe, auch noch vorhanden.
    Vielleicht habe ich @cemens9966 auch verschreckt? ¯\_(ツ)_/¯

    Ich wars nicht … 😇

    Thread-Starter cemens9966

    (@cemens9966)

    Hallo.

    Danke für die Antwort @pixolin !
    Als ich gestern aufgrund deines Posts herausgefunden habe dass man die CSS Regel einfach in „Custom CSS“ in WordPress kopieren kann, wollte ich auch alle anderen Buttons und Schriften anpassen. Das hat dann gedauert und hab danach noch vergessen dir zu antworten.

    Danke Danke Danke!!!

    Gern geschehen!

    … und wer macht jetzt das Licht aus markiert den Thread jetzt als „gelöst“? 💡

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Das Thema „Bearbeiten von CSS dateien“ ist für neue Antworten geschlossen.