0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING JUNE 30, 2025. Read our  Farewell Blog Post  for more info.

SOLVED: How to change MainMenu Font

Last Post
Search Topic

  • SOLVED: How to change MainMenu Font

    Posted 13 years 11 months ago
    • Hi All

      How do I change my website's MAINMENU font and size. I basically want it the same as the MENUITEMS.

      website is www.dibene.co.za

      Regards
      JDeVilliers
    • Last Edit: 13 years 8 months ago by jdevilliers.
    #663452
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED: How to change MainMenu Font

    Posted 13 years 11 months ago
    • Hi there,

      Open fusionmenu.css and find line 19...
      .menutop li.root > .item {
     cursor: pointer;
     display: block;
     font-size: 12px;
     margin: 0;
     outline: medium none;
     padding: 0;
     position: relative;
     text-transform: lowercase;
     white-space: nowrap;
     z-index: 100;
}
      Now change the font-size:12px to 14px
      If this resolves your problem then please edit your first post by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #663469

  • Re: SOLVED: How to change MainMenu Font

    Posted 13 years 11 months ago
    • Hi David

      Is there a way to change the font so that it's the same as the MENUITEMS and also have Capital letters at the beginning of each word?
    #663632

  • Re: SOLVED: How to change MainMenu Font

    Posted 13 years 11 months ago
    • Hi David

      I've managed to change the font sizes and add the capital letters.

      How do I get the MENU ROOT items to have the same style font as the MENU Items

      www.dibene.co.za

      this is what my fusionmenu.css looks like

      /* Root Items */
      .menutop {list-style: none;margin: 0;padding: 0 2px;position: relative;line-height: 1em;display: inline-block;}
      .menutop li.root {float: left;margin: 0 -2px;height: 54px;}
      .menutop li.root > .item {white-space: nowrap;display: block;padding: 0;font-size: 13px;z-index: 100;cursor: pointer;position: relative;margin: 0;outline: none;}
      .menutop li.root > .item span {display: block;margin: 0;outline: none;padding: 20px 14px 4px 14px;width: auto;line-height: 30px;}
      .menutop li.root > .item em {font-size: 13px;display: block;font-style: normal;position: absolute;bottom: 4px;right: 14px;line-height: 100%;}
      .menutop li.parent.root .item span {padding-right: 20px;}
      .menutop li.parent.root .item span em {right: 22px;}
      .menutop li.root .subtext span {line-height: 18px;padding-bottom: 15px;}
      .menutop li.root .subtext span em {bottom: 9px;}
      .menutop li.root > .item img {margin: 0 4px 0 0;}
      .menutop li.root > .f-submenu-pad {padding: 0;}
      .menutop li.root > .image {background: none;}

      regards
    #663640
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED: How to change MainMenu Font

    Posted 13 years 11 months ago
    • Hi there,

      Open the file template.css and at line 14 find the following code...
      .font-family-enigmatic h1, .font-family-enigmatic .title, .font-family-enigmatic .rt-joomla .user legend, .font-family-enigmatic .rt-joomla .contact legend, .font-family-enigmatic .componentheading, .font-family-enigmatic .edit-article legend, .font-family-enigmatic ul.menutop, .font-family-enigmatic .roktabs-links {
     font-family: Enigmatic,Helvetica,Arial,sans-serif;
     font-weight: normal;
}
      Just comment out or delete the font-family: Enigmatic,Helvetica,Arial,sans-serif;

      If this resolves your problem then please edit your first post by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #663664

  • Re: SOLVED: How to change MainMenu Font

    Posted 13 years 8 months ago
    • Hi David

      I found the solution.

      I've edited the fusionmenu.css and change the contents to the following.

      /* Root Items */
      .menutop {list-style: none;margin: 0;padding: 0 2px;position: relative;line-height: 1em;display: inline-block;}
      .menutop li.root {float: left;margin: 0 -2px;height: 54px;}
      .menutop li.root > .item {white-space: nowrap;display: block;padding: 0;font-size: 13px;z-index: 100;cursor: pointer;position: relative;margin: 0;outline: none;}
      .menutop li.root > .item span {display: block;margin: 0;outline: none;padding: 20px 14px 4px 14px;width: auto;line-height: 30px;}
      .menutop li.root > .item em {font-size: 13px;display: block;font-style: normal;position: absolute;bottom: 4px;right: 14px;line-height: 100%;}
      .menutop li.parent.root .item span {padding-right: 20px;}
      .menutop li.parent.root .item span em {right: 22px;}
      .menutop li.root .subtext span {line-height: 18px;padding-bottom: 15px;}
      .menutop li.root .subtext span em {bottom: 9px;}
      .menutop li.root > .item img {margin: 0 4px 0 0;}
      .menutop li.root > .f-submenu-pad {padding: 0;}
      .menutop li.root > .image {background: none;}


      That change the font size in the menu items and also the font.

      Regards
    #704746

Time to create page: 0.082 seconds