Hi every one.
I've spent nearly a week trying to get a customized nice_menus and now i give up.
I've read lots of post about it (none related with my theme -jaded-), most dealing with modifying nice_menus.css, some others which tells about
concrete modifications to the page.tpl.php with proper function calls. None worked for me.
I use theme jaded and Nice_menus as primary links. I have added calls like - print theme('nice_menu_primary_links') - to the page.tpl.php.
I have changed all colors and sizes of .li .ul and main block at the jaded css file. Nothing makes any effect on my site.
I shall be doing some stupid mistake or forgetting some key modification somewhere but the result is simply nothing. I though the css edition should be
easy enough but no way.
Please help. giving up.
Comments
What exactly are you trying
What exactly are you trying to customize, are the styles not working?
Can you post a URL? You
Can you post a URL? You haven't given us much to go on...
http://www.trailheadinteractive.com
Check CSS within Nice Menus
Hi,
Nice Menus come with their own CSS. Please check the Nice Menus folders for the same.
Some more details
Yeah, that's what I am on, the nice_menus.css and the nice_menus_default.css (2 be replaced as recommended).
Fact is, I add my stuff at the end to avoid messing the good code and at the moment, at least I've got 2 goals :
---- Move horizontally the menu and even format the menu font:
ul.nice-menu-down {
position: relative;
left: 12%;
font-family: Comic Sans, Comic Sans MS;
font-size: 12px;
font-weight: bold;
padding: 5 0px;
background-color: #000;
}
--- Also got to decorate the hover state of items :
ul.nice-menu,
ul.nice-menu li a:hover {
color: #fff;
background: url(bg_item.png);
};
But still don't get much more and, besides others, I need to :
1.- decide background for menu items in normal state (the line before the last shown above does not have effect).
2.- Add some padding or at least some kind of interspace between main items of menu (the last line does not have effect)
I guess my problem is I do not know wich sentences (or even constraints from the rest of drupal or my theme) have priority above others, or even worse, i do not actually know the structure of the css elements in the nice_menus.css.
Tnx for your patience guys,
even more details
As I said before, at least I've got to put a bg img to the hover state of the items. But now I want that the menu itself, before any pulldown, it shows
the bg (color or img) which I choose.
At the moment I got this by adding :
ul.nice-menu li a {
color: #fff;
background: #789;
};
But right now main items and drop down items all have same background, no matter what state (hover, visited or whatever). And besides, the arrows indicating drop down or right now do not show under new background (as they did before with next lines).
ul.nice-menu-right li.menuparent, ul.nice-menu-right li li.menuparent{
background: url('arrow-right.png') right center no-repeat;
}
By using the "background"
By using the "background" attribute, you're overriding the background-image attribute. The combined format is nice, but can cause problems. If you're only attempting to override the background color, use "background-color" instead.
And if you're not already, I'd recommend using the custom css feature of nice menus and create your own nice_menus.css in your theme folder. Point the module at your custom nice menus CSS on the theme config page. Then you can safely upgrade the module with having to patch anything.
http://www.trailheadinteractive.com
Ok then let's differ Main items from pulled down submenus
I'll try your suggesstions. Tnx.
However, what I would have to achieve is to get different decorations for main menu items (just the viewable items at a first moment in the menu bar)
and pulled down submenus. I haven't found the way to manage'em separately. has it someting to do with the css elements "li.menuparent" or something
else ?
Maybe you could help
Maybe you could help me.
Under global css section (Yes I'm using my own custom file based on default), I entered:
ul.nice-menu li a:hover {
color: #fff;
background: #000;
}
This is doing a wonderful job changing the background to black, however my hover font color is still orange. It's driving me nuts.
**EDIT**
Okay, so I think I figured out the reason for the orange font hover. It's because the theme I'm using (acquia_slate) has a orange hover font color.
So is there a way to override this color without changing the theme colors?
I think if you put the parent
I think if you put the parent div in front of ul.nice-menu li a:hover { you can override the theme orange font.
If the adding the parents still not working try adding the parents or the parent, and keep adding it until it works.
--------------------------------------------------------------------------------------------------------
if you can use drupal why use others?
VicTheme.com