This topic is locked

How to reduce size of menu font

8/1/2023 4:21:05 AM
ASPRunner.NET General questions
D
david powell author

Hi,
I am trying to reduce the size of the font on menu items in asprunner.net.
It is a left bar style menu.

  • in designer, selecting menu and then changing font size in settings on right side of screen has no effect* I have googled and been looking at using css modifications for the same menu item, but suspect I am refererencing it wrongly
    I do the following:
  • select designer tab select the form needing the required change click the 'menu item' component in the left bar click 'custom css' change the code to:
    :host {
    color: red;
    }
    .navbar-nav {
    font-size: 8px;
    }
    (This approach was merged from entries in https://xlinesoft.com/phprunner/docs/customizing_styles_examples.htm)
    But it does not work, menu items remain the same size - because I suspecet .navbar-nav is not the right reference, and I cannot find any alternatives: has anyone achieved this?
    Many thanks!
    DAvid

admin 8/1/2023

I recommend checking these two videos that explain CSS topic in depth:
https://www.youtube.com/watch?v=_DmMYRCUtU8
https://www.youtube.com/watch?v=yFnD38oslIc
I can also add that topics like this are discussed often in our DevClub webinars:
https://xlinesoft.com/devclub

D
david powell author 8/9/2023

Thanks Sergey.
I tried using the tutorials and css, but its tricky to work out the id of the left menu bar.
However I found this tutorial from a while ago
https://xlinesoft.com/blog/2011/01/25/how-to-use-menu-builder-in-phprunnerasprunnerpro/
For anyone else wanting to change menu item size:
Go to tables, menu editor, select the menu item. Open up css style by clicking ellipsis and there you can set the font size and other things with helpful instructions as to how!