Phoca Forum

Hi all,
I have made a little site for a friend on which she herself is going to place the photo's.
The admin menu works well, but the headings of admin menu are to big for the page (see image). I have searched and searched in the documentation, in the css files, on the forum, but I cannot find a way to change this.

The headings are in H3, and I would like them to be H4 or something.

Can you maybe help me where I find that?

many thanks in advance, AnjaO

Hi AnjaO,
Mooie screenshot, maar kunnen we dat live zien? Zou dan wel makkelijker zijn

Groetjes, Christine

Oh hallo, nederlands
Dan zou ik de inlogcodes moeten geven, en dat kan ik uiteraard niet doen?
Ik heb ook al met developertools zitten kijken, maar kom er niet uit.

groetjes, AnjaO

Dat begrijp ik wel, want is het toch maar voor registreerde personen.
Ben zeker, je hebt met firebug gegeken. Als je zeg maar bevoorbeeld over Hoofdcategorie gaat "hoveren" wat zie je met firebug?
Of heb jij een screenshot van het bepaalde lijn (firebug)?

Want, je ziet, dat de heading h3 is - zo dan zie jij ook het preciese lijn (segment)?
Zal over denken, miesschien krijg ik noog een idee

Groetjes, Christine

Ik heb inderdaad ook met firebug gekeken. Dan zie ik:



Je ziet dan rechts bij stijlen iets van joeanartpostcontent op template.css: 66 en daarboven 171, maar daar staat dat echt niet. Ik kan het gewoon niet vinden, denk dat dat ergens in de code staat. Hij neemt de h3 over uit het template en gebruikt het ergens. De h3 heb ik op de website uiteraard ook gedefinieerd staan en als ik dat verander, verandert de hele site.

Hopend dat je me kan helpen,
groetjes, Anjao

AnjaO wrote:Hij neemt de h3 over uit het template en gebruikt het ergens. De h3 heb ik op de website uiteraard ook gedefinieerd staan en als ik dat verander, verandert de hele site.

Ja, zo te zien komt van het template > template.css. En jij hebt gelijk, als je het veranderd, dan is het voor het hele site.
Zo, ik zau zeggen, een Mini-Idee: Heb je het all probeert met een "Page Class Suffix"?
Dus voor het menu (?) "Mijn werk" is > Menu Manager > Page Class > " mijnclass" (zonder het "") en dan moet je voor dit een class zetten op het eind van template.css. Weet niet zeker, ca.: .joeanartpostcontent.mijnclass > h3 {.....}

Meer weet ik in moment niet. https://docs.joomla.org/Page_Class_Suffix/nl
english: https://docs.joomla.org/Page_Class_Suffix

groetjes, Christine
.

Ga ik morgen proberen, bedankt. Als het lukt, of niet, hoor je me nog wel,
groetjes Anja

Ik kom er niet uit, heb al van alles zitten proberen. Ik vind het met die suffix wel moeilijk, dus misschien doe ik iets niet goed.

Wat ik gedaan heb:
Ik heb de onderstaande code onderin de template.css geplaatst.

/* Begin Additional CSS Styles */

.joeanartpostcontent. aanPassenKoppen h3 {
font-size:13px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight:bold;
}

/* End Additional CSS Styles */


Vervolgens heb ik in de gebruikersmenu module bij geavanceerd in de module class achtervoegsel geplaatst (met aan het begin de spatie):
_joeanartpostcontent aanPassenKoppen

Maar het helpt niets.
Christine had iets gezegd over een page class, maar eigenlijk kan ik dat niet vinden? Is dan die module class aanvulling wel correct, of moet ik dan iets anders hebben?

Hi Anja,
.joeanartpostcontent. aanPassenKoppen h3 {...} het punt [.dot] moet voor het a

Maar probeer het nu volgends screenshot: (voor het suffix een afstand)
Heb het backend in duits, maar even in engels geschakelt


CSS: groetjes, Christine

Hoi Christine,
bedankt voor je snelle antwoord, maar het werkt helaas niet.

Ik heb nu in de template.CSS onderaan staan:

/* Begin Additional CSS Styles */

.aanPassenKoppen h3 {
font-size:13px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight:bold;
}
/* End Additional CSS Styles */

en op de pagina (waarbij ik de aanPassenKoppen zowel met als zonder spatie heb geprobeerd en met en zonder h3 erachter):