Protostar menu font size

Hallo allen,

mijn menu links in Position 8 ziet er heel slecht uit.

Zie rn-connect.nl/

Hoe kan ik de font grootte aanpassen, liefst niet via ftp edoch als het niet anders kan..

Bij voorbaat hartelijk dank.

Rob

Ha Rob,

De lettergrootte kunnen we aanpassen in het template.css bestand Protostar. Deze kunnen we vinden in de backend: Templates -> In het linker menu de optie "Templates" -> Protostar.
Je kunt nu rechts alle bestanden zien, in de map "css" staat het bestand "template.css"

Hieraan zou je nu een class kunnen toevoegen die de letters groter maakt. Bijv. (niet getest)

Let hierbij wel op. Protostar is een core template, wat wil zeggen dat deze bij de toekomstige update van Joomla! overschreven kan worden. Je wijzigingen zijn dan weg!

In Joomla! 3.5 wordt het mogelijk om je eigen css toe te voegen aan Protostar die niet overschreven wordt. Als je nu nieuwe css toevoegd moet je deze dus even goed bewaren

Nog een kleine tip:
Vul bij de menu module bij het veld "Menu class suffix" het volgende in: " nav-list" (let op de spatie aan het begin).
Hiermee zorg je ervoor het menu op verticale wijze wordt getoond. Momenteel laad je css in die het menu horizontaal zou moeten tonen.

Mocht je er niet uit komen laat het weten.

Groeten,
Niels

Hallo Niels,

de menu module tip neem ik met veel genoegen in ontvangst want daar boog ik me vanochtend over. Veel dank daarvoor.

Ik heb de css aangepast met jouw suggestie echter dit verandert de submenu's en niet de hoofdmenu's. Is er een optie waarbij ik er een toevoeg voor de hoofdmenu's met een andere grootte, bijvoorbeld 15 voor hoofd en 13 voor sub?

Hartelijke groet,
Rob

Met de volgende code in de css kan je beide een aparte tekst grote geven.

voor het hoofd item voor de subitems (niet getest)

je kan dan het aantal px aanpassen naar de gewenste tekst maat.

Het is in principe dezelfde code als Niels al aangaf met een extra regel voor het hoofditem

Mooi Klatte,

nu is het zoals ik het wil hebben, zij het dat hoofd- en sub net andersom werken met die codes en dat heb ik aangepast.

Heel fijn en hartelijk dank hiervoor jullie beide.

Groet
Rob

oops sorry

Ik vind het onderscheid tussen hoofd- en submenu nog niet mooi genoeg.

Kan ik met een css aanpassing de submenu's Italic maken bijvoorbeeld of de hoofdmenu's bold?

voor italic kan je het volgende toevoegen: font-style: italic;

Voor bold: font-weight: 600;

deze voeg je toe tussen de { } waar je de font-size ook hebt staan op een nieuwe regel

Mooie afronding van de vraagstelling, hartelijk dank !!