• Gelöst gruen12

    (@gruen12)


    Hallo,
    Gerne möchte ich beim Twenty Fifteen Theme die Hintergrundfarbe der Seiten sowie die Hintergrundfarbe des Blog, welche von Haus aus weiss erscheinen in einer anderen Farbe zuordnen. Ist dies möglich?
    Und wenn ja, gibt es die Möglichkeit dies einfach unter der Option „zusätzliche CSS“ anzupassen oder wo finde ich dies im Editor style.css? Ich habe nicht herausgefuden, wie dieser Bereich heisst / wonach ich im .css suchen muss um dies zu ändern…

    Noch eine weitere Frage: Ist es ebenfalls möglich die Schriftart im Sidebar zu ändern? Nun ist der Text im Sidebar in einer anderen Schriftart als die Titel im Sidebar. Gerne möchten wir dies in einheitlicher Schriftart darstellen jedoch mit h1 abheben… Geht dies einfach unter „zusätzliche CSS“?

    Besten Dank für Eure Hilfe!
    Sonnige Grüsse aus der Schweiz, Karin

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)
  • Hallo Karin,

    die Hintergrundfarbe und die Schriftart könnt ihr über das „zusätzliche CSS“ ändern.

    Bei der Schriftart kann es vorkommen, dass ihr je nach Schriftart ein Child-Theme benötigt. Da ihr aber eine Schriftart verwenden wollt, die bereits im Theme vorhanden ist, wird dies nicht notwendig sein.

    Eine H1 in der Sidebar auszugeben, würde ich nicht empfehlen, da dies für die Semantik der Webseite (wegen Suchmaschinenaoptimierung und Barrierefreiheit) nicht optimal ist.

    Ihr könnt die Überschriften und Texte in der Sidebar aber gerne im Design ändern.

    Wenn du mir den Link zu eurer Seite schickt, kann ich dir gerne den CSS-Code geben, den ihr dann einfach in das „zusätzliche CSS“ reinkopieren müsst. Am besten noch mit der Info was welche Styles haben soll.

    Liebe Grüße,
    Maja

    Thread-Starter gruen12

    (@gruen12)

    Ciao Maja

    Merci für Deine schnelle Rückmeldung!
    Es geht um die Seite, welche vorübergehend hier aufgebaut wird: http://rb.thomasfriedli.ch

    Beim Sidebar wäre es einfach toll, wenn die Titel „hier finden Sie uns“ und „Aktuell“ in derselben Schriftart vorkommen. Ja ein h1 ist eh zu gross gegriffen…vielleicht eher ein bold (?)

    Und der weisse Hintergrund möchten sie gerne ebenfalls in grün… Was dann den Seitenhintergrund wie auch die Blog-Beiträge einschliesst…

    Besten Dank für Deine Mühe!
    Liebe grüsse, Karin

    Folgenden Code kannst du in dein CSS kopieren. Ich habe die einzelnen Codes kommentiert, damit du weißt, was geändert wird. Ich würde dir empfehlen, diese Kommnetare mit in das CSS zu übernehmen:

    /*Hintergrund Content grün
    ******************************************/
    .post-navigation, .pagination, .secondary, .site-footer, .hentry, .page-header, .page-content, .comments-area, .widecolumn {
    background-color: #bac863;
    }

    /*Überschriften weiß
    *********************************************/
    h1, h2, h3, h4, h5, h6 {
    color: #fff;
    }

    /*Sidebar
    *****************************************/
    /*Fließtext wie Überschrift
    *******************************************/
    .textwidget {
    font-family: „Noto Sans“, sans-serif;
    color: #fefefe;
    }

    Liebe Grüße,
    Maja

    • Diese Antwort wurde geändert vor 7 Jahren, 6 Monaten von Maja Benke.
    Thread-Starter gruen12

    (@gruen12)

    Ciao maja

    Besten Dank für Deine Hilfe! 🙂

    Beim Sidebar ist der Wunsch:
    Überschrift wie Fliesstext.(Nicht Fliesstext wie Überschrift)
    Dadurch wäre dann der Text in der Sidebar, in den Titeln und auf den Seiten und Blogbeiträgen überall identisch…

    Deine Hilfe eilt nicht – bin Dir aber extrem dankbar, wenn Du mir auch noch bei diesem Detail auf die Sprünge helfen kannst.
    Merci vielmals!

    Liebe Grüsse
    Karin

    Liebe Karin,

    Dann ist es dieser Code 🙂

    /*Überschrift wie Fließtext
    ***********************************/
    .widget-title {
    font-family: ‚Noto Serif‘, serif;
    }

    Liebe Grüße,
    Maja

    Thread-Starter gruen12

    (@gruen12)

    Super!
    DANKE viel-vielmals!!! 🙂

    Liebe Grüsse
    Karin

    Thread-Starter gruen12

    (@gruen12)

    Ciao Maja

    Es stellt sich noch eine Frage…
    Wenn man nun das grün eingefärbte Layout ansieht, sind dünne Linien zu erkennen. (vertikal verlaufend zwischen Menue und Seitentext).
    –> http://rb.thomasfriedli.ch

    Kann man diese entfernen / ebenfalls im selben Grün färben? Ich hatte das mal… aber nun wo ich’s benötige fällt mir nicht ein mit welchem „Ausdruck“ ich schon wieder arbeiten muss um diese „unsichtbar“ zu machen…

    Mit lieben Grüssen & merci für Deine grossartige Hilfe!!!!
    Karin

    Hey Karin,

    probier es mal mit:

    .hentry, .page-header, .page-content {
    box-shadow: none;
    }

    die andere Linie zwischen Seitenleiste und Inhalt würde ich persönlich drin lassen, da man so noch eine Trennung zwischen den beiden Bereichen hat.

    Thread-Starter gruen12

    (@gruen12)

    Ciao Maja, Du bist genial! Danke!
    Ja das wird nicht meine Webseite sein… Ich würde niemals solch viele Ändeurungen machen – Ich persönlich fand es in weiss freundlicher… 😉
    Sag, kann ich Dich irgendwo bewerten, damit auch DU „eine Ernte“von der ganzen Arbeit hast?

    (Auch die Entfernung der Linen im Blog finde ich fragwürdig. So geht der Anhaltspunkt verloren, von wo bis wo ein Beitrag geht / ist weniger schtbar…)

    Liebe Grüsse, Karin

    Hey Karin,

    danke für deine Antwort. Bewerten kann man uns (leider) nicht. Wir sind alle ehrenamtlich hier tätig und tun das um der WordPress-Community etwas zurückzugeben. Wir freuen uns aber immer über Lob und Kommentare wie deinen. Das motiviert ungemein.

    Liebe Grüße,
    Maja

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)
  • Das Thema „Twenty Fifteen“ ist für neue Antworten geschlossen.