0
Welcome Guest! Login
0 items Join Now

Quick Fusion Menu CSS

  • Quick Fusion Menu CSS

    Posted 13 years 1 month ago
    • I had a quick question I've downloaded the RT_Gantry, and I bought the extnesions for fusion menu, now my question is I am editing the CSS but can't seem to find how to change the background color of the highlighted text in the menu, or to manipulate it's size, etc.

      Here is the site: dsmstoreusa.com/

      Here is the current fusion CSS:
      /**
       * @package   Gantry Template - RocketTheme
       * @version   3.2.17 March 5, 2012
       * @author     RocketTheme http://www.rockettheme.com
       * @copyright Copyright (C) 2007 - 2012 RocketTheme, LLC
       * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
       */
       
      /* Global */
      .menutop li {height: auto;margin: 0;padding: 0;position: relative;list-style: none;}
      .menutop em {font-size: 80%;font-weight: normal;display: block;font-style: normal;}
      .menutop li .item, .menutop li.active .item {display: block;margin: 0;text-decoration: none;float: none;width: auto;}
      .menutop li .fusion-submenu-wrapper {float: none;left: -999em;position: absolute;z-index: 500;}
      .menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;}
      .menutop li:hover ul, .menutop li.sfHover ul {top: 0;}
       
      /* Root Items */
      .menutop {list-style: none;margin: 0;padding: 0 10px;position: relative;line-height: 1em;display: inline-block; font-size: 12px;}
      .menutop li.root {float: left;}
      .menutop li.root > .item {white-space: nowrap;display: block;padding: 0;font-size: 1em;z-index: 100;cursor: pointer;position: relative;margin: 0;outline: none;height: 3em; color: #0754a0;}
      .menutop li.root > .item span {display: block;margin: 0;outline: none;padding: 0 15px;width: auto;line-height: 3em;}
      .menutop li.root > .item em {font-size: 10px;display: block;text-transform: lowercase;line-height: 0.3em;}
      .menutop li.parent.root .item span {padding-right: 20px;}
      .menutop li.root .subtext span {line-height: 1.9em;}
      .menutop li.root > .item img {margin: 0 4px 0 0;vertical-align: text-bottom;}
       
      /* Dropdown Surrounds */
      .menutop ul {padding: 0;margin: 0;float: left; }
      .menutop .drop-bot {height: 1px;overflow: hidden;clear: both;}
      .menutop .fusion-submenu-wrapper {height: auto !important;}
       
      /* Dropdown Items */
      .menutop ul li {padding: 0;display: block;}
      .menutop ul li > .item {padding: 0 15px;height: auto;display: block;font-size: 1em;cursor: pointer;}
      .menutop ul li > .item span {display: block;width: 100%;overflow: hidden;line-height: 3em;}
      .menutop ul li .item img {float: left;margin: 8px 6px 0 0;vertical-align: top;}
      .menutop ul li .nolink span {display: block;}
      .menutop ul li span.item {cursor: default;outline: none;}
      .menutop ul li .subtext span {line-height: 1.9em;}
      .menutop ul li .subtext em {line-height: 0.6em;padding-bottom: 7px;text-transform: lowercase;}
       
      /* No JS */
      .menutop li.root:hover > .fusion-submenu-wrapper {top: 35px;left: 0;}
      .menutop ul li:hover > .fusion-submenu-wrapper {left: 180px;top: 0;}
       
      /* Fusion JS */
      .fusion-js-container {display: block;height: 0;left: 0;overflow: visible;position: absolute;top: 0;z-index: 600000!important;background: transparent !important;}
      .fusion-js-subs {display: none;margin: 0;overflow: hidden;padding: 0;position: absolute;}
       
      /* Grouped & Modules */
      .menutop .fusion-grouped {padding-bottom: 10px;}
      .menutop .fusion-grouped ol {padding: 0;}
      .menutop .fusion-grouped ol li {padding: 0 15px;}
      .menutop .fusion-grouped ol li .item {padding: 0 15px;}
      .menutop .fusion-grouped ol li span {font-size: 85%;line-height: 2em;}
      .menutop .type-module ol {padding: 0;}
      .menutop .type-module ol li {padding: 0;}
      .menutop .type-module ol li .fusion-modules {background: none;}
      .menutop .type-module ol li .fusion-module {padding: 0;background: none;overflow: hidden;}
      .menutop .fusion-module, .menutop .fusion-modules, .menutop .fusion-grouped {display: block;}
      .menutop .fusion-modules.item {padding: 15px;}
      .menutop .fusion-module em {display: inline;font-size: inherit;font-style: italic;}
      .menutop .fusion-module a {font-size: inherit;line-height: 130%;}
      .menutop .fusion-module p, .menutop .fusion-modules p {line-height: 160%;}
      .menutop ul li.grouped-parent > .daddy span {background: none;}
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: Quick Fusion Menu CSS

    Posted 13 years 1 month ago
    • Hi, you'll want to be looking at the css folder in the Gantry template, style1.css, or whichever preset you are using. Pretty much the only code in those styleX.css files is the colors for the menu states, you can add your font-sizes and change colors there.

      fusion.css just controls the layout, padding, margins ECT. Hope that helps.
    • The difficult we do immediately, the impossible takes a little longer.
  • Re: Quick Fusion Menu CSS

    Posted 13 years 1 month ago
    • That was excellent help, I appreciate it.

Time to create page: 0.047 seconds