Name im Hauptmenü hervorheben vom 20.06.2022

R. Lehmann

Hallo Stefan

Sie haben mir, schon vor länger Zeit mal, am 20.06.2022 einen CSS-Code geschickt welcher im Layout "Clean Style Responsive" super funktioniert. Auch in der Version 16.8.0

Nun habe ich aus der Version 15 ein Projekt mit der Vorlage "Flat Responsive – Nature" konvertiert. In dieser Version wurde im Hauptmenü der entsprechende Name noch mit (span)xxx(/span), und nicht mit dem CSS-Skript formatiert. Was in der Version 16.8. so ja nicht mehr funktioniert.

Leider kann ich ihr Skript nicht einfach so in das Projekt, welches mit der "Flat Responsive – Nature" Vorlage erstellt wurde, übernehmen.

Es scheint das das Skript in dieser Vorlage nicht greift.

Code

<style>

#navbar ul.mainmenu > li:nth-child(8) a{

color: #ff0000;

font-weight: bold;

}

</style>

Könnten Sie mir bitte diesbezüglich nochmal weiterhelfen?

Mit herzlichem Dank für ihre geschätzte Unterstützung verbleibe ich,

phil-web

Hallo,

bitte probieren Sie es einmal mit folgendem Code:

Code

<style>
#nav ul.submenu > li:nth-child(8) a{
color: #ff0000;
font-weight: bold;
}
</style>

R. Lehmann

Hallo Phil

Danke für deine Idee.

Funktioniert leider sowohl im Layout "Flat Responsive" als auch im "Clean Style Responsive" nicht.

Alpengreis

R. Lehmann

Probieren Sie doch mal folgendes:

Code

<style>
#nav > ul li a {
  color: #ff0000;
  font-weight: bold;
}
</style>

Mit einem freundlichen Gruss

R. Lehmann

Hallo Norbert, Danke

Der Code Greift leider auch nicht.

Ganz herzlichen Dank für Ihren Beitrag.

Wünsche Ihnen noch einen gesegneten Sonntag.

Alpengreis

R. Lehmann

Danke für die sehr nette Rückmeldung - das wünsche ich natürlich auch!

Bei einer neu erstellten Test-Seite mit "Flat Responsive – Nature" funktioniert das hier, komisch.

Sind dort noch andere CSS-Einträge vorhanden, die evtl. Einfluss darauf haben könnten, oder mehrere <style>/</style>-Attribute (sollte nur 1 Mal vorkommen im CSS-Feld (zuoberst und zuunterst))?

Werde nun mal noch testen, ob es auch bei einer Test-Seite mit Layout "Clean Style Responsive" hier funktioniert ... melde mich dann wieder.

Mit einem freundlichen Gruss

Alpengreis

R. Lehmann

Aaaalso:

Für das Layout "Clean Style Responsive" ist es ein anderer Code, nämlich:

Code

<style>
#navbar ul.mainmenu li a {
  color: #ff0000;
  font-wight: bold;
}
</style>

ACHTUNG: die Änderung ist u. U. NICHT sofort in ZP zu bemerken, deshalb am besten nachher noch ein "<Strg>+<Shift>+T" ausführen. Auch eine Vorschau (<F5>) sollte IN DER VORSCHAU bereits die Änderungen anzeigen aber NICHT unbedingt in ZP selber bereits.

PS: Und eben aufpassen, dass nicht andere CSS-Anweisungen Einfluss darauf haben und darauf achten, dass <style> nur zuoberst, sowie </style> nur zuunterst im CSS-Feld steht.

PPS: Wenn's immer noch nicht funktioniert, empfehle ich testweise mal eine neue Seite mit diesem Layout ("Clean Style Responsive") zu verwenden und obigen Code unter Einstellungen, CSS einzufügen - hier mit ZP 16.8 geht das jedenfalls. Beim anderen Layout "Flat Responsive – Nature" empfehle auch mal dieses Vorgehen (natürlich den weiter oben stehenden Code einfügen und NICHT den hier von diesem Posting).

Mit einem freundlichen Gruss

R. Lehmann

Danke für die wertvollen Tips, Norbert

Ich werde es bei nächsten Gelegenheit mit einer neuen Seite/Projekt versuchen.

bis dahin wünsch ich Ihnen eine gesegnete Woche.

Stefan S

Der Code von phil-web funktioniert und auch die Schriftfarbe greift, wenn man noch ein "important" hinzufügt:

CSS

<style>
#nav ul.submenu > li:nth-child(8) a{
color: #ff0000 !important;
font-weight: bold;
}
</style>

Bei Flat-Responsive befindet sich im Menü auch das kleine Logo als erstes Element. Wenn man also den 8. Text-Menüeintrag verändern möchte, muss das 9. nth-child angesprochen werden.

R. Lehmann

Super, Herausforderung gelöst.

Es macht immer wieder spaß mit zeta Producer und dem tollen Team der hilfreichen User Familie zuarbeiten.

Ganz herzlichen Dank an alle.

Name im Hauptmenü hervorheben vom 20.06.2022

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?