Main menu custimisation

More
13 years 1 month ago - 13 years 1 month ago #5685 by kennedyronald
Me again. This time with a question def related to template! ;) I have been using an external menu on user3 (Swmenu Free) but decided to go back to the included Hot module. But there is a few things I notice:
-menu is not only aligned to the right but starts from right to left (home on the right, followed by the next items in my mainmenu);
-the gaps between the menu items is too large for my template, so some of my menu appears on second line (the first problem also persists when i use a small menu that does fit);
-I can't access module through template manager; (Cannot assign default template. )
Basically what I would like to know:
-Where (css) can I change properties of the main menu (especially the spacing between the items!)
-How can I have the menu appear in the usual way: from left to right?
-Want to get rid of the "button" on mouseover, just a normal orange block will do?
-Why does the module not appear in my template manager?

Hope you can help me with this. I have looked in every css & html file, and on the forum for people with similar problems. Really can't figure this out.

Site is live on www.oranjegids.com with the HOT menu on www.oranjegids.com/slideshow.html

Cheers,
Ronald
Last edit: 13 years 1 month ago by kennedyronald. Reason: New url

Please Log in to join the conversation.

More
13 years 1 month ago #5688 by kennedyronald
Oh, and is there a way to disable loading of Jquery/safe mode?

Please Log in to join the conversation.

More
13 years 1 month ago #5694 by ivan.milic
The css selector for menu is #nav - div containing ul. That is in template_css.css

To reverse order of items in template_css.css change float value, to reduce spacing change the margin value:

#nav li {
float: right;
position: relative;
margin: 0 0 0 20px;
padding: 1px;
}

to

#nav li {
float: left;
position: relative;
margin: 0 0 0 0;
padding: 1px;
}


Modules appear in Module Manager not in Template Manager, and there are basically separate things.

I don't understand what do you mean by "button" please provide more explanation of what are you referring.

Please Log in to join the conversation.

More
13 years 1 month ago #5695 by ivan.milic
To disable jQuery "no confilict" mode go to Template Manager - > <Your template name> -> Edit HTML
And delete this script block:

<script type="text/javascript">
jQuery.noConflict();
</script>

Please Log in to join the conversation.

More
13 years 1 month ago #5719 by kennedyronald
Dear Ivan,

Thanks so much for the help! It's working now :) I was referring to the fact that I see a tab called "Menu assignment" in template manager but it just says "Menus: Cannot assign default template." underneath it. Since I was struggling with settings, I thought maybe that was important.
Now I have the css code I was looking for it isn't anymore :)
One last question for now: how do I introduce indent arrow in the menu? Tried settings in module but can't get them show. No train smash if it isn't possible but if there is a way, that'd be great :)

Cheers,
Ronald

Please Log in to join the conversation.

More
13 years 1 month ago #5722 by ivan.milic
Hi,

#nav ul
{
list-style-image:url("<image path>");
list-style-type:square;
}

Please Log in to join the conversation.

Time to create page: 0.410 seconds
Powered by Kunena Forum