Anpassung Theme

Hallo Leute,

ich habe mich durch einiges jetzt hier durchgelesen und komme dennoch nicht weiter. Ich möchte bei dem Theme eigentlich nur Farben (Hintergrund, Überschriften und Menü-Buttons vornehmen)

Interessanterweise bietet das Theme sogar ein Feld an in das man css einfach hineinposten kann. Das sieht so aus: http://screencast.com/t/f4HXqkyraY

Mir ist es gelungen den Hintergrund und den Text in den Beiträgen umzustellen. Aber bei den Überschriften und den Buttons / Menü komm ich nicht weiter.

Zunächstmal alle Daten zur Seite:

- http://majafluri.com
- WordPress-Version: 3.5
- Verwendetes Theme: hero
- Zuletzt gemachte Änderungen

Ich möchte gerne, dass der Titel und die Überschriften in Bordeauxrot erscheine: Farbcode ist wie folgt #79362f

Bei den Buttons, sollen die leicht heller in #9e4b41 sein und dann wenn man drauf geht ebenfalls auf #79362f wechseln.

Super! Du bist mein Held! Das mit der Seitentitel ist Perfekt!

Jetzt bin ich fast am Ziel. Habe wahrscheinlich nicht genau fomuliert, weil ich nicht der Superprofi bin. Habe das Theme durchgeklickt und habe noch folgende Punkte gefunden:

1. Da fehlen noch die Beitragsüberschriften. Die sind auch grau und müssten noch in den Bordeauxton. Das sieht so aus: http://screencast.com/t/eZDfBxpG

2. Wenn Du auf die Seite schaust, Da ist einmal im Headerslider hellrote Buttons Links und rechts. Sowie im Bereich Zwischen Header und den Drei Bildern unten eine Zwischenzeile. Die ist weiss und der Button ebenfalls hellrot. Das sieht so aus: http://screencast.com/t/VBmAoCIZ Da sieht dann einheitlich aus wenn der Button auch aufleuchtet wie bei den "read more" Buttons.

3. Das Menü Rechts vom Hauptitel ist weiss und wenn man die Menüpunkte ansteuert kommen wieder hellrote Buttons. Im Grunde müsste das auch im Bordeauxrot sein (siehe: http://screencast.com/t/wGTA2AGydh) und wenn man es ansteuert dann idealer weise die Schrift im Menü selber dann aber wie der Hintergrund insgesamt: #f0e6c3 und den Hintergrund des Menüpunkte dafür dann in dem Bordeauxrot: #79362f (siehe hier: http://www.screencast.com/t/0ymanDPq8b)

Ich hoffe ich habe es gut erklärt! Vielen Dank für die Hilfe im voraus! Merci

Zitat von ArtofPic

Code

#logo2 a {
    color: #79362F;
}
#logo2 a:hover {
    color: #9e4b41 ;
}
.title-head {
    color: #79362f;
}
.read-more {
    background: none repeat scroll 0 0 #9e4b41;
}
.read-more:hover {
    background: none repeat scroll 0 0 #79362f;
}

Alles anzeigen

logo2 ist der Seitentitel, wenn du da den Hoverfarbwechsel nicht willst, einfach diesen Teil löschen

wenn du weitere Änderungen durchführen willst, F12 im Browser oder Rechtsklick (Element untersuchen) dann siehst du was anzupassen ist

Habe Deine Rat befolgt und mir zu Punkt 2 den ich geschrieben habe den Button angeschaut. Da bekomme ich jetzt folgenden Code (hoffe es ist richtig):

Element {
}
a:link {
    color: rgb(240, 230, 195);
}
a.button {
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgb(255, 0, 0);
    padding: 4px 12px;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    margin: 5px 0px 20px;
    line-height: 21px;

Dann verändre ich jetzt die rgb Farbe richtig?

Für ein Hinweis wäre ich sehr dankbar

Bin jetzt durch viele mit Deiner Anweisung gut durchgekommen. Danke dafür!

Probleme habe ich mit der Methode bei der Menüführung. Wenn ich die Farben bei .nav a:focus umstelle, dann bezieht sich dass auf den Hintergrund der Bezeichnungen. Die Schrift bleibt aber weiss und dass dahinter wird Bordeaux. Das will ich aber gar nicht. Sonder die Schrift der Menüpunkte soll die Farbe annehmen. Wo kann ich sehen wie ich die ansteueren kann? (Was ich meine sieht so aus: http://screencast.com/t/wGTA2AGydh)

Zudem möchte ich den Hintergrund des sich aufklappenden Menus dann (siehe auch hier: http://www.screencast.com/t/0ymanDPq8b) Also das Schwarz soll dann wie #f0e6c3 sein und der Menüpunkt über den die Maus fährt dann wieder in dem helleren Bordauxrot: #9e4b41

Ferne habe ich zwar herausgefunden, dass der "Read more" Button im Slider mit .read-more-silde a bezeichnet wird. Wenn ich das aber mit dem Code wie folgt ansteuer, ändern sich die Farben nicht:

.read-more-silde a {
    background: none repeat scroll 0 0 #9E4B41;
}


.read-more-silde a:hover {
    background: none repeat scroll 0 0 #79362f;
}

Wäre für einen Hinweis vom Profi nochmal dankbar! Dann bin ich damit durch. Bei allen anderen Elementen kann ich es nach Deiner Anweisung selber machen.

Danke!

Done! Super! Vielen Dank. Habe einiges gelernt!

Jetzt habe ich mir überlegt, dass ich nur den Title in Palatino Schriftart und dann größer setzen möchte ist dann folgendes richtig oder zerschiesse ich mir dann alles bzw muss ich das andere ansteuern?

#logo2 a {
    color: #79362F;
    font-family: Verdana; palatino
    font-size: 30px;
}
#logo2 a:hover {
    color: #9e4b41 ;
    font-family: Verdana; palatino
    font-size: 30px;
}
.title-head {
    color: #79362f;
    font-family: Verdana; palatino
    font-size: 30px;
}

Ich meinte natürlich ohne Veranda :|

Merci für die Hilfe! Werde mich definitiv intensiver damit beschäftigen!