1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Hintergrundfarbe im Header ändern

Dieses Thema im Forum "Design" wurde erstellt von V1L, 4. November 2018.

  1. V1L

    V1L Member

    Registriert seit:
    4. November 2018
    Beiträge:
    15
    Zustimmungen:
    0
    Hallo zusammen,

    ich erstelle gerade eine Website für eine Freundin und das
    Theme ist Spacious in der "Freeware" Version.

    Ich habe schon 1-2 Websiten mit Wordpress erstellt, ich bin also nicht so der Experte, es macht mir aber riesig Spaß.

    Nun zu meinem Problem (ich kann aktuell leider keinen Link teilen, da ich die Website in den Wartungsmodus geschickt habe).
    Im Bereich des Headers möchte ich gerne die Hintergrundfarbe ändern undzwar bis zum Strich über "Business Bereich oben" (Anhang"Header")

    Alle Änderungen in der style.css haben keine veränderung gebracht, lediglich wenn ich die Farbe des weißen Hintergrundes ändere, ist die komplette Seite inkl. dem "Header" geändert.

    Liegt es daran, das dieser Bereich gar nicht der Header ist?
    Ich kann natürlich noch ein Header Bild einfügen, dann ist dieses Bild über dem Seitentitel "Spieglein, Spieglein" aber hier ist dann natürlich kein Hintergrund mehr.

    Kann es daran liegen, dass dieses Theme noch eine Premium Version hat und ich es deshalb nicht ändern kann?
    Folgendes habe ich bereits geändert:

    /* =PAGE HEADER TITLE
    ----------------------------------------------- */
    #header {
    background-color: #ffffff; (verschiedene Farben ausprobiert, keine veränderung)
    }
    .header-post-title-container {
    border-bottom: 1px solid #0f0e0e;
    padding: 20px 0;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;
    }


    /* =HEADER
    ----------------------------------------------- */
    #header-meta {
    background-color: #ed0404;
    border-bottom: 1px solid #161414;
    }


    #header-text-nav-container {
    border-bottom: 1px solid #EAEAEA;

    jeweils die Farbe geändert, keine Veränderung


    #site-title a {
    color: #40FF00; selbst hier, keine Veränderungen (auch nicht der Text)
    font-size: 38px;



    Ich hoffe, das ihr mir helfen könnt, evtl bin ich ja einfach nur an der völlig falschen Stelle....

    Ich freue mich auf eure Antworten :)

    Gruß
     

    Anhänge:

  2. wp-entwickler

    wp-entwickler Well-Known Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    124
    Zustimmungen:
    17
    Sorry, aber für sowas muss man die Seite sehen.
     
  3. V1L

    V1L Member

    Registriert seit:
    4. November 2018
    Beiträge:
    15
    Zustimmungen:
    0
  4. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Dann könnte dir das helfen:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Aber bitte - keine Änderungen in der style.css machen! Solche Änderungen gehören in das 'zusätzliche CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS).
     
  5. V1L

    V1L Member

    Registriert seit:
    4. November 2018
    Beiträge:
    15
    Zustimmungen:
    0
    Top, danke, das hat direkt geklappt :)
    Ich bin so happy...

    wieso wird das nicht in der style.css gemacht, habe ich da etwas falsch verstanden?
    Ich dachte grundsätzlich wird das in der Datei gemacht..

    wenn ich es ins zusätzliche CSS des Child` schreibe, wird das bei einem Update wieder überschrieben?

    Danke dir nochmal :)
     
  6. wp-entwickler

    wp-entwickler Well-Known Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    124
    Zustimmungen:
    17
    Du kannst es genauso in der style.css vom Child Theme eintragen.
     
  7. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Das CSS im Child-Theme sind ebenso updatesicher, wie das zusätzliche CSS im Customizer.
    Überschrieben - bei einem Theme Update - wird das style.css der original Themes - deswegen niemals Änderungen dort durchführen, die werden nämlich sonst wieder auf 'Null' gesetzt.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden