Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Menu item height

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Thanks, Paul. I didn't know that the "Nav" template parameters control the menu font.

I now have a question about the Navigation Font Weight parameter.

If I set the weight to 500, the menu font appears as shown in this attachment:


500.png
  • glow's Avatar
  • glow
  • 3 Month Basic
  • 195 posts
  • Karma: 0
The administrator has disabled public write access.
If I set the weight to any value between 501 and 600, the menu font appears as shown here:


501.png



I want the font weight to appear heavier than caused by the 500 value, but lighter than the 501 value. The parameter doesn't let me do that. Is this a bug?

Jim
  • glow's Avatar
  • glow
  • 3 Month Basic
  • 195 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jim,

With it being a google font it depends on what weight the font supports - some font weights won't work as the font doesn't support them

However a 501 font weight value for any font is invalid as it works in increments of 100

So adding 501 will cause it to be ignored and default to a style lower down the stack

It looks like 700 which is heavier
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Looking at open sans 500 isn't supported so I'd try 600

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ah, I didn't know about the hundreds increments, Paul, thanks.

I see now from a Web search that valid weights for Helvetica are 400 and 700 only.

Back to an earlier question . . .

You gave me this code:
#menu ul ul > li a {font-size:100%;}

That changes the size of the main menu's drop-down items--but it doesn't affect the text of the main menu "top level". To change the size of the latter, is there CSS I can use?

Jim
  • glow's Avatar
  • glow
  • 3 Month Basic
  • 195 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jim,

Try commenting out the line you mention and instead add

#menu ul > li a, #menu ul > li .zen-menu-heading {font-size: 100%;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks, Paul, that works.

Is there a way to decrease the space between the top-level main-menu items without decreasing the font size?

Jim
  • glow's Avatar
  • glow
  • 3 Month Basic
  • 195 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jim,

Do you mean the distance left and right of the links or top and bottom spacing or all of them?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sorry I wasn't clear, Paul.

I mean decreasing the spaces shown by the arrows:


menu-space.png


Jim
  • glow's Avatar
  • glow
  • 3 Month Basic
  • 195 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jim,

The existing style is

#menu ul > li a, #menu ul > li .zen-menu-heading {padding: 10px 20px 4px;}

so you need to alter the 20px to something less and add to the custom.css

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks, Paul, that works.

Jim
  • glow's Avatar
  • glow
  • 3 Month Basic
  • 195 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks Jim
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers