[Design KONMI/CSS] Anpassung Menüfarbe Hauptmenü / Fett gedruckt

Die Infos reichen meiner Meinung nach nicht aus, sorry.

Ein Link wäre unerlässlich für die schnelle Hilfe - sonst müsste man sich das Theme runterladen und es installieren. Bei dem von Dir geposteten Link gibt es leider nur eine Preview des Themes, kein Demo - wo man sich den genauen Quelltext anschauen kann. Dort kann man nämlich direkt sehen, mit welchen Anweisungen das Menü in der oder den CSS-Dateien deklariert ist.

Habs mir mal runtergeladen, aber es gibt zwei .css Dateien im Theme, einmal die style.css und einmal die custom.css.

Installieren tue ich es ganz sicher nicht, ist mir zuviel des guten und ohne das sucht man sich den Wolf.

In den Forenregeln ist genau beschrieben, welche Sachen wir benötigen, ein Link ist dabei unverzichtbar. Also entweder springst Du über Deinen eigenen Schatten, postest den Link oder mit einer Hilfe wird es echt schwierig. Oder Du bietest an, demjenigen der Dir helfen will, den Link per PN zu schicken, dann sieht nur er das und kein anderer - ist aber nicht unbedingt Sinn und Zweck dieses Forums, wo man nicht nur dem Threadstarter hilft, sondern allen anderen auch, die ein ähnliches Anliegen haben.

Zitat von Pider2k3

- Zuletzt gemachte Änderungen
Keine. Seite funktioniert. Es soll nur das Menü in schwarz und evtl. Dick dargestellt werden.

Ok, Danke für den Link, ich schaue mir das an.

Du schriebst oben: "Es soll nur das Menü in schwarz und evtl. Dick dargestellt werden."

Mit "schwarz" meinst Du die Schriftfarbe, die ja aktuell "grau" ist?

Ok, folgender Vorschlag - ohne Gewähr, dass es funktioniert.

Das Menü wird laut Quelltext folgendermaßen aufgerufen:

<!-- Off Canvas Menu -->
	 <aside class="left-off-canvas-menu">
		<ul class="off-canvas-list">
			<div class=""><ul><li class="current_page_item"><a href="http://sommerabend-alte-werft.de/">Home</a></li><li class="page_item page-item-24"><a href="http://sommerabend-alte-werft.de/kartenbestellung/">Kartenbestellung</a></li><li class="page_item page-item-10"><a href="http://sommerabend-alte-werft.de/impressum/">Impressum</a></li></ul></div>
		</ul>
	</aside>

Wie man sieht, ist die div class vor dem einzelnen < ul > leer. Aus welchen Gründen auch immer.

In der Datei custom.css findest Du in Zeile 739 folgende Anweisung für das "Canvas-Menü":

.left-off-canvas-menu {
  background: #000000;
}

Nun könntest Du unter dem "background: #000000;"

folgendes dazupacken:

color:  #000000;
  font-weight: bold;
}

Damit dieser Absatz dann folgendermaßen aussieht:

.left-off-canvas-menu {
  background: #000000;
  color:  #000000;
  font-weight: bold;
}

Mit color: legst Du die Farbe der Schrift fest, #000000 ist schwarz. Mit font-weight legst Du fest, ob es es "normal" oder "bold" - also fett - sein soll.

Keine Ahnung ob das innerhalb dieser Anweisung funktioniert - ein Versuch ist es wert.

Hi,
hier mein Vorschlag:
Du hast in einer foundation.css-Datei eine Klasse, die .top-bar-section li:not(.has-form) a:not(.button) heißt. Ergänz die doch um das hier:
color: black;
font-weight: bold;

Die Klasse sollte dann so aussehen:
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0px 15px;
line-height: 46px;
background: transparent none repeat scroll 0% 0%;
color: black;
font-weight: bold;
}

Zitat von SirEctor

Nur .left-off-canvas-menu wird nicht funktionieren, da du damit keine Links, also a-Tags ansprichst. Außerdem scheint das canvas-menu das mobile Menü zu sein. Versuch es mal so:

Code

.top-bar .menu ul li a{
  color: #000;
}

Örks, hätte die Seite gleich mit dem Firefox Inspektor checken sollen, dann wäre ich auf das blöde mobile Menü nicht reingefallen, hatte mich eh gewundert, warum dort als background: #000000; angegeben ist.

Also, Datei bleibt die gleiche (custom.css).

Zeile 230:

.top-bar {
    /*overflow-x: auto;
    white-space: nowrap;*/ /* Make top nav able to scroll on horizontal axis*/
    margin-top: 1rem;
    height: auto;
    line-height: auto;
    color:  #000000;
   font-weight: bold;


}

Zitat von Pider2k3

Diesen Codeausschnitt hier finde ich in der Custom.css nicht?

Der steht auch nicht drin, den musst Du dann selbst in die custom.css einfügen, am besten so, dass macht er die Links auch "fett"-gedruckt:

.top-bar .menu ul li a{
  color: #000;
  font-weight: bold;
}

Zitat von Pider2k3

Und der letzte Tipp von chilidog bewirkt keine Änderung leider.

Sorry, war mein Fehler, SirEctor hatte schon recht, in dem von mir geposteten Abschnitt wurden keine Links berücksichtigt, daher ist sein Code-Schnippsel oben richtig.