WP 3.8 : 2014 Theme - Farben / Layout / Widgets

Hi,
so wie ich das sehe ist in der Datei:
'http://www.salsa-muenster.eu/blog/wp-content/themes/twentyfourteen-RALF/style.css?ver=3.8'
eine svg-Datei eingebunden, die für die Streifengrafik verantwortlich ist:

Auszug aus der CSS:

-----------------

**
* 9.0 Featured Content
* -----------------------------------------------------------------------------
*/

.featured-content {
background: #000 url(images/pattern-dark.svg) repeat fixed;
---------------------------------

Grüße, Satyam

 

Hallo Ralf,
ich habe zwar nicht das Template aber das Prinzip ist wohl immer gleich:
Die "Seitenreihenfolge" - ich denke Du meinst die Reihenfolge der Links im Menü- lässt sich einrichten unter:
Design> Menüs> Menüstruktur

In der Menüstruktur einfach mit der Maus entsprechenden Menüpunkt packen und verschieben

ps: zum Problem vorhe mit dem Hintergrundbild habe ich erst mal folgendes gemacht > Webseite aufgerufen und an entsprechender Stelle Mausklick >"Hintergrundbild anzeigen" > da wusst ich dann, wonach man in der css suchen muss.

Gruß Satyam

 

Bei meinem Fotoblog sind diese Menuepunkte auch Seiten. Und da funktionierte es so wie vorher beschrieben. Anbei noch ein screenshot, der zeigt wie ich es meinte:
http://www.hartdesign.de/menue.jpg

Vielleicht reden wir da aneinander vorbei, oder ich verstehe nicht.
Wenn man nun mit der Maus auf "Startseite" geht und dies nach unten zieht, dann verändert sich die Anordnung der Menüpunkte auch auf den Webseiten. Also würde ich Startseite ganz nach unten ziehen würde es in der horizontalen Menüstruktur, wie ich sie (bzw Du auch) habe, der Menüpunkt auf der Webseite später ganz rechts stehen.
Eigentlich easy...aber vielleicht habe ich Dein Problem nicht richtig verstanden?
("Vielleicht interessant" müsste entsprechend in der Menüstruktur ganz unten stehen im Moment und wenn Du es nach oben verschiebst stehts links)

Gruß Satyam -

 

Zuerst einmal sage ich Danke für die Erwähnung von Ralf70.

Ich habe inzwischen ein weiteres Tutorial dazu geschrieben und habe einen Download meiner angespassten Style.css bereitgestellt. Freue mich über einen Besuch auf meinem Blog. Folgt einfach diesem Link von Ralf oben und Ihr findet meinen Blog - dort steht der aktuelle Artikel ganz weit oben - oder "WordPress Twenty Fourteen Farben verändern - jetzt mit Download der Datei Style.css und Beschreibung".

http://www.pc-zu-hause.de/wordpress-twenty-fourteen-farben-veraendern/

 

Die Seiten lassen sich unter Design->Menüs per Drag & Drop sortieren

 

Mit dem drag und drop hatte ich ja auch schon geschrieben - und so gehts bei mir auch.
Aber eventuell ist hier das Problem:

Dazu youtube video:
http://youtu.be/ZPCr0X_AY1g

Gruß Satyam

 

Die Navigation oben ist die Hauptnavigation, deren Reihenfolge über die Menüfunktion festgelegt wird. Was Du gepostet hast bezieht sich auf das Menü-Widget.

@Ralf70: Beschreibe mal bitte genauer, was mit "Inhalt Seitenleiste" gemeint ist.

 

Kannst Du bitte mal einen Beispiel-Artikel erstellen, der das von Dir genannte Verhalten zeigt?

 

Versuch´s mal mit

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Hallo zusammen,

das twentyfourteen hat natürlich mehr Stellen für die Color-Änderungen, als meist geschildert.
Die sucherei dauert natürlich. Die wesentlichen Punkte kann man zusammenfassen.
Damit es überall harmoniert, mit den Farben, hier mal alles Wesentliche(hinter der (#) Route die Farbe, die natürlich individuell, für jeden halt anders ist):

body {
background: # !important; (in einem Child würde ich immer !important; setzen)
}

.site {
background-color: # !important;
max-width: 1260px;
position: relative;
}
.site-header {
background-color: # important;
max-width: 1260px;
position: relative;
width: 100%;
z-index: 4;
}

.site-footer,
.site-info,
.site-info a {
color: rgba(255, 255, 255, 0.7);
}

.site-footer {
background-color: #;
font-size: 12px;
position: relative;
z-index: 3;
}

.site:before,
#secondary,
.site-header,
.site-footer,
.featured-content,
.featured-content .entry-header,
.slider-direction-nav a {
background-color: #;
}

.grid .featured-content .entry-header {
border-color: #;
}

.slider-control-paging a:before {
background-color: rgba();
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #;
}

.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
background: #;
}

.paging-navigation,
.content-sidebar .widget .widget-title {
border-top-color: #;
}

.content-sidebar .widget .widget-title,
.content-sidebar .widget .widget-title a,
.paging-navigation,
.paging-navigation a:hover,
.paging-navigation a {
color: #;
}


button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-toggle,
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-overlay:hover .mejs-overlay-button,
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before,
.slider-direction-nav a:hover {
background-color: #;
}

.site-navigation a:hover {
color: #;
}

::-moz-selection {
background: #;
}

::selection {
background: #;
}

.paging-navigation .page-numbers.current {
border-color: #;
}

@media screen and (min-width: 782px) {
.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.primary-navigation ul ul {
background-color: #;
}
}

@media screen and (min-width: 1008px) {
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.secondary-navigation ul ul {
background-color: #;
}
}

.primary-navigation ul ul a,
.secondary-navigation ul ul a,
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.contributor-posts-link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-toggle:before,
.mejs-overlay:hover .mejs-overlay-button,
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.widget_calendar tbody a:hover
.site-footer .widget_calendar tbody a,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
button:hover,
button:focus,
.contributor-posts-link:hover,
.contributor-posts-link:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.slider-direction-nav a:hover:before {
color: #;
}

@media screen and (min-width: 782px) {
.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.primary-navigation ul ul {
color: #;
}
}

@media screen and (min-width: 1008px) {
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.secondary-navigation ul ul {
color: #;
}
}

::selection {
color: #;
}

::-moz-selection {
color: #;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: #;
}


a,
.content-sidebar .widget a {
color: #;
}

.contributor-posts-link:hover,
.slider-control-paging a:hover:before,
.search-toggle:hover,
.search-toggle.active,
.search-box,
.widget_calendar tbody a:hover,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus,
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
background-color: #;
}

.featured-content a:hover,
.featured-content .entry-title a:hover,
.widget a:hover,
.widget-title a:hover,
.widget_twentyfourteen_ephemera .entry-meta a:hover,
.hentry .mejs-controls .mejs-button button:hover,
.site-info a:hover,
.featured-content a:hover {
color: #;
}

a:active,
a:hover,
.entry-title a:hover,
.entry-meta a:hover,
.cat-links a:hover,
.entry-content .edit-link a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.comment-reply-title small a:hover,
.content-sidebar .widget a:hover,
.content-sidebar .widget .widget-title a:hover,
.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
color: #;
}

.page-links a:hover,
.paging-navigation a:hover {
border-color: #;
background-color: #;
}

.entry-meta .tag-links a:hover:before {
border-right-color: #;
}

.entry-meta .tag-links a:hover {
background-color: #;
}

@media screen and (min-width: 782px) {
.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
background-color: #;
}
}

@media screen and (min-width: 1008px) {
.secondary-navigation ul ul a:hover,
.secondary-navigation ul ul li.focus > a {
background-color: #;
}
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active,
.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
background-color: #;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
color: #;
}

-color:
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.site-navigation a:hover,
.featured-content a:hover,
.featured-content .entry-title a:hover,
.widget a:hover,
.widget-title a:hover,
.widget_twentyfourteen_ephemera .entry-meta a:hover,
.hentry .mejs-controls .mejs-button button:hover,
.site-info a:hover,
.featured-content a:hover {
color: #;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-overlay:hover .mejs-overlay-button,
.slider-control-paging a:hover:before,
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
background-color: #;
}
</style> <style type="text/css" id="twentyfourteen-header-css">
.site-title a {
color: #;
}
</style>
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #; }
</style>

die ie.css muss ich noch mal unter die Lupe nehmen.

Gruss Ria

PS. der Bau von Menüs hat sich nicht wesentlich verändert zur vor Version.