style.css nicht beschreibbar

  • Hallo,
    ich habe ein großes Fragezeichen über dem Kopf... habe seit Gestern ein vorinstallierten WP bei Hosteurope. Also eine etwas abgespeckt Originalversion. Nun, wollte ich den Title via CSS in der Größe anpassen (auf Arbeitsdomain). Keine große Sache dachte ich... Ich kann die CSS- Datei werder über das Backend (Zusätzliche CSS) noch im Dierektzugriff mit FTP beschreiben. D.h. ich kann die Datei Offline beschreiben und hochladen. Das Ergebnis der Änderung wird im Frontend nicht angezeigt!? Die Dateirechte habe ich für den Themes- Ordner und für die style.css beschreibbar gesetzt.

    Hat jemand eine Idee? Freue mich auf Ideen :-)

    Gruß
    Rüdiger

    • Anzeige

    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

  • Die Funktion "Zusätzliches CSS" schreibt nichts in die [FONT=Courier New]style.css[/FONT] sondern speichert das in der Datenbank.

    Was genau geht beim "Direktzugriff mit FTP" nicht? Das ist nichts anderes als "herunterladen, bearbeiten, hochladen".

    Wenn Änderungen nicht sichtbar sind, kann es z.B. daran liegen, dass man ein Cache- oder Minify-Plugin verwendet, deaktiviere das mal. Oder dass man die falsche style.css beschreibt, die eines anderen Themes o.ä., oder dass der CSS-Code, den man schreibt, fehlerhaft oder unpassend ist, usw.

    Wenn Du den CSS-Code postest, den Du einfügen willst, und dazu am besten einen Link zur Seite, wo er nicht angezeigt wird, dann würde das die Problemlösung vereinfachen.

  • Die Funktion "Zusätzliches CSS" schreibt nichts in die [FONT=Courier New]style.css[/FONT] sondern speichert das in der Datenbank.

    Was genau geht beim "Direktzugriff mit FTP" nicht? Das ist nichts anderes als "herunterladen, bearbeiten, hochladen".

    Wenn Änderungen nicht sichtbar sind, kann es z.B. daran liegen, dass man ein Cache- oder Minify-Plugin verwendet, deaktiviere das mal. Oder dass man die falsche style.css beschreibt, die eines anderen Themes o.ä., oder dass der CSS-Code, den man schreibt, fehlerhaft oder unpassend ist, usw.

    Wenn Du den CSS-Code postest, den Du einfügen willst, und dazu am besten einen Link zur Seite, wo er nicht angezeigt wird, dann würde das die Problemlösung vereinfachen.

    Hallo,
    vielen Dank für die Rückmeldung!
    Cache Plugin ist nicht aktiv.
    Hier einmal die Code- Zeile aus der CSS- Datei:
    body.custom-background-empty {
    background-color: #e6e6e6;
    }
    Zum testen habe ich nur die Farbe von Weiß auf Grau gesetzt.
    Hier die Arbeitsdomain URL: http://wp13153142.server-he.de/

  • Die aktuelle Seite hat im Body die Klasse [FONT=Courier New]custom-background-white[/FONT], nicht [FONT=Courier New]custom-background-empty[/FONT], daher greift die genannte Regel in der [FONT=Courier New]style.css[/FONT] nicht.

    Die Hintergrundfarbe kann man bei Deinem Theme auch über die Theme-Einstellungen setzen, da wird dann inline CSS eingefügt, sowas kann ggf. auch dazwischenfunken, im aktuellen Fall aber nicht, da liegt es am Klassennamen.

    Würde empfehlen, für CSS-Anpassungen (neben den Theme-Einstellungen) ausschliesslich die Funktion "Zusätzliches CSS" zu verwenden, da Du kein Child-Theme nutzt und somit Änderungen in der [FONT=Courier New]style.css[/FONT] beim nächsten Theme-Update überschrieben werden.

    4 Mal editiert, zuletzt von b3317133 (20. April 2018 um 15:13)

  • Die aktuelle Seite hat im Body die Klasse [FONT=Courier New]custom-background-white[/FONT], nicht [FONT=Courier New]custom-background-empty[/FONT], daher greift die genannte Regel in der [FONT=Courier New]style.css[/FONT] nicht.

    Die Hintergrundfarbe kann man bei Deinem Theme auch über die Theme-Einstellungen setzen, da wird dann inline CSS eingefügt, sowas kann ggf. auch dazwischenfunken, im aktuellen Fall aber nicht, da liegt es am Klassennamen.

    Würde empfehlen, für CSS-Anpassungen (neben den Theme-Einstellungen) ausschliesslich die Funktion "Zusätzliches CSS" zu verwenden, da Du kein Child-Theme nutzt und somit Änderungen in der [FONT=Courier New]style.css[/FONT] beim nächsten Theme-Update überschrieben werden.

    Hallo & Danke! Die Hintergrundfarbe habe ich nur zum testen verändern wollen... Ja, die Klasse war es. Über FTP läßt sich die Farbe ändern. Über Zusätzliches CSS bekomme ich es noch nicht hin!? Tatsächlich möchte ich eigentlich den Site- Title Größe ändern. Die Klasse habe ich noch nicht gefunden. Evtl. mache ich auch Fehler bei der Eingabe des Codes im Zusätzliches CSS. Hast du evtl. eines Codesschnippsel den ich einfügen könnte zum testen?

  • Das verwendete Theme hat zwei Grössen für den Titel im Header, eine standardmässig und eine bei Bildschirmbreiten über 600px, das wird über Media Queries gemacht.

    Vergösserung des Titels als Beispiel für "Zusätzliches CSS":

    Code
    .site-header h1 {
        font-size: 30px;
    }
    
    
    @media screen and (min-width: 600px) {
        .site-header h1 {
            font-size: 48px;
        }
    }
  • Das verwendete Theme hat zwei Grössen für den Titel im Header, eine standardmässig und eine bei Bildschirmbreiten über 600px, das wird über Media Queries gemacht.

    Vergösserung des Titels als Beispiel für "Zusätzliches CSS":

    Code
    .site-header h1 {
        font-size: 30px;
    }
    
    
    @media screen and (min-width: 600px) {
        .site-header h1 {
            font-size: 48px;
        }
    }

    :) Vielen Dank! Also, die Datenbank läßt sich über Zusätzliches CSS beschreiben. Ich habe Fehler bei der Eingabe gemacht... Inkl. falsche Klassen. Ich nutze von Chrome die Erweiterung um die Klassen zu finden... Ich komme noch nicht so gut klar.

    Ohne Unverschämt zu klingen! Könntest du mich evtl. noch etwas unterstützen? Wenn du Lakritze magst? Ich kenne da jemanden der was auf den Weg bringen könnte :)
    Ich möchte an dem Themes nur 3 Dinge ändern.
    1. Titel Schriftgröße (im besten Fall soll der Title auf dem Desktop richtig groß werden. Und auf dem Smartphone klein bleiben!?
    2. Untertitel Schriftgröße (wie auch beim Title Desktop Groß, Smartphone kleiner)
    3. Im Footer der Schriftzug (Stolz präsentiert von WordPress) soll durch einen neuen Satz ersetzt werden.

    Update: Ich stehe Heute echt neben mir... Punkt 1 ist schon abgearbeitet...
    Update: Punkt 2 habe ich jetzt auch hinbekommen... Würde den Abstand zwischen H1 und H2 gerne etwas kleiner haben wollen.

    2 Mal editiert, zuletzt von ruemenko (20. April 2018 um 16:24)

  • Bei Punkt 1. / 2., die Abstände entstehen v.a. durch die [FONT=Courier New]line-height[/FONT], die solltest Du noch anpassen im [FONT=Courier New]h1[/FONT], z.B. [FONT=Courier New]line-height: 1em;[/FONT]

    Für Punkt 3. wäre die Nutzung eines Child-Themes nötig, da man dafür normalerweise die Datei [FONT=Courier New]footer.php[/FONT] überschreiben muss.

    Alternativ kann man in diesem Fall ein kleines Plugin basteln, das über eine vorhandene Action von Twenty Twelve einen zusätzlichen Text einfügt und den bestehenden Text per CSS ausblendet.

    Dafür den folgenden Code mit angepasstem Text in eine Datei [FONT=Courier New]my-twentytwelve-credits.php[/FONT] kopieren, per FTP in [FONT=Courier New]/wp-content/plugins/[/FONT] hochladen und über das Menü Plugins aktivieren.

  • Für Punkt 3. wäre die Nutzung eines Child-Themes nötig, da man dafür normalerweise die Datei [FONT=Courier New]footer.php[/FONT] überschreiben muss.

    Alternativ kann man in diesem Fall ein kleines Plugin basteln, das über eine vorhandene Action von Twenty Twelve einen zusätzlichen Text einfügt und den bestehenden Text per CSS ausblendet.

    Dafür den folgenden Code mit angepasstem Text in eine Datei [FONT=Courier New]my-twentytwelve-credits.php[/FONT] kopieren, per FTP in [FONT=Courier New]/wp-content/plugins/[/FONT] hochladen und über das Menü Plugins aktivieren.


    ..."Hier in einem Paragraph Tag verpackt der neue Footer Text, ggf." Diesen Text mit meinem Wunsch ersetzen... Richtig?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!