WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 21.03.2021 08:07:24

wasi
Mitglied

[Gelöst] Einzelnen Menülink CSS andere Schriftfarbe Lesefaken

Hallo,
wie kann ich einen einzelnen Menülink vom Hauptmenü (Lesefaken) in einer anderen Schriftfarbe machen?

Gruß wasi

Beitrag geändert von florian (21.03.2021 22:33:07)


VG wasi

Offline

#2 21.03.2021 17:41:45

florian
Administrator

Re: [Gelöst] Einzelnen Menülink CSS andere Schriftfarbe Lesefaken

Dafür gibt es zwei Möglichkeiten:
Du kannst ihn direkt per CSS ansprechen:

ul#main-menu>li:nth-child(3) a {color:red !important;}

färbt den 3. Eintrag auf der obersten Ebene rot

ul#main-menu>li:nth-child(2)>ul li:nth-child(2) a {color:pink!important;}

färbt den 2. Eintrag im Submenü des 2. Hauptmenüeintrags rosa

Andere Möglichkeit:
Ändere im Template den showmenu2-Aufruf

<nav role="navigation" id="main-nav">
		<div class="center">
			<div class="row orow">					
			<input id="main-menu-state" type="checkbox" />
			<label class="main-menu-btn" for="main-menu-state">
			<span class="main-menu-btn-icon"></span> Toggle main menu visibility
			</label>			
				<?php     show_menu2(
				$aMenu          = 1,
				$aStart         = SM2_ROOT,
				$aMaxLevel      = SM2_ALL,
				$aOptions       = SM2_ALL,
				$aItemOpen      = '[li][a][menu_title]</a>',
				$aItemClose     = '</li>',
				$aMenuOpen      = '<ul>',
				$aMenuClose     = '</ul>',
				$aTopItemOpen   = false,
				$aTopMenuOpen   = '<ul id="main-menu" class="sm sm-clean">'
				);?>	
			</div>
		</div>
	</nav>

zu

	<nav role="navigation" id="main-nav">
		<div class="center">
			<div class="row orow">					
			<input id="main-menu-state" type="checkbox" />
			<label class="main-menu-btn" for="main-menu-state">
			<span class="main-menu-btn-icon"></span> Toggle main menu visibility
			</label>			
				<?php     show_menu2(
				$aMenu          = 1,
				$aStart         = SM2_ROOT,
				$aMaxLevel      = SM2_ALL,
				$aOptions       = SM2_ALL|SM2_ALLINFO,
				$aItemOpen      = '<li class="[class] p[page_id]">[a][menu_title]</a>',
				$aItemClose     = '</li>',
				$aMenuOpen      = '<ul>',
				$aMenuClose     = '</ul>',
				$aTopItemOpen   = false,
				$aTopMenuOpen   = '<ul id="main-menu" class="sm sm-clean">'
				);?>	
			</div>
		</div>
	</nav>

Dann hast Du die Möglichkeit, im Stylesheet über die Page-ID die Einträge anzusprechen, z.B. so:

.p3 a {background-color:green; color:#fff !important;}

färbt den Eintrag für die Seite mit der ID weiß auf grünem Hintergrund.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#3 21.03.2021 20:18:31

wasi
Mitglied

Re: [Gelöst] Einzelnen Menülink CSS andere Schriftfarbe Lesefaken

Hallo Florian,

danke für die ausführliche Antort.
Ich werde mir das mal zu Gemüte führen.

Gruß wasi


VG wasi

Offline

#4 21.03.2021 22:32:02

wasi
Mitglied

Re: [Gelöst] Einzelnen Menülink CSS andere Schriftfarbe Lesefaken

Hallo Florian,

habe die erste Möglichkeit verwendet. Quick & Dirty  ..funktioniert.
Danke nochmal.!


VG wasi

Offline

Fußzeile des Forums

up