Issue w/ Sub-Navigation Items

More
8 years 10 months ago #1 by laurelle
Your template's index.php file.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #2 by tcraw
Replied by tcraw on topic Issue w/ Sub-Navigation Items
For the most part, yes - I'm just wanting to know to which file the script and the cufon "call" is added.

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #3 by laurelle
Hi,

All the code is added to your template file dynamically.

So, the JS files for cufon and the font as well as the scripts to intialize cufon are added to the document.

Is that what you meant?

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #4 by tcraw
Replied by tcraw on topic Issue w/ Sub-Navigation Items
QUESTION:

I what file does the plugin insert the cufon code?

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #5 by laurelle
Hi,

Did you try changing the top level to make it more specific as I suggested? (#ja-mainnav ul.level0 li a)

Try #ja-mainnav ul.level0 li ul li a for the sub-menu.

Unfortunately, these are CSS issues not Cufon or Cufon plugin issues. What you have to find is a css selector that only targets the top level items for your first font and another selector that only targets the sub-menu items for the second font. It looks like the problem is that you first font selector is to general and is also overriding the selector for your sub-menu items.

Good luck.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #6 by tcraw
Replied by tcraw on topic Issue w/ Sub-Navigation Items
The CSS that controls the sub nav font is #ja-mainnav ul.level0 li ul a

In addition to that class, I included the following (for the hover, active, focus, etc.) . . .

#ja-mainnav ul.level0 li ul a:hover, #ja-mainnav ul.level0 li ul a:active, #ja-mainnav ul.level0 li ul a:focus, #ja-mainnav ul.level0 ul li.over, #ja-mainnav ul.level0 ul li.sfhover, #ja-mainnav ul.level0 ul li.havesubchildsfhover, #ja-mainnav ul.level0 ul li.havesubchild-activesfhover

all separated by a comma within the CSS Selector field within the kc cufon plugin.


Still, no change :(


How much more specific - or much more of a change - do I need to implement to get the Arial font (which I have designated as Font 2) to display correctly?

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #7 by tcraw
Replied by tcraw on topic Issue w/ Sub-Navigation Items
Appreciate the quick response

Unfortunately, the suggestions you provided did not fix the issue (I assume you looked and saw what was happening on mouseover with the sub menu).



I'm sure it has something to do with the primary "ja-mainnav" class - I'm just not sure how to go about renaming any particular classes to that things continue to work as they're supposed to, while achieving my desired effect. Hmmmmmm. :unsure:

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #8 by laurelle
Hi,

You need to get the css specific enough that it only targets the top level menu items and not the child items or the child item css specific enough to override the top level css.

Try using #ja-mainnav ul.level1 li.mega a.mega for the sub-level css. You might also need to change the top level css specification to #ja-mainnav ul.level0 li a.

Good luck.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #9 by tcraw
First of all - I very much appreciate this plugin and the relative ease of use.

I am using the cufon plugin with my main navigation menu - which works perfectly. However, the cufon seems to be affecting my sub-navigation items upon mouse hover/rollover - which is an unwanted effect.

Here is the url to my WIP: www.musicians-marketplace.com/zeo2

The Main Navigation menu is across the top (i.e. Guitars-Drums-Keyboards, etc.). Note the sub-navigation items when you rollover with your mouse - the font changes to the "League Gothic" font I specified for the main navigation items.

I have tried to specify the font for the sub-nav items using the cufon plugin and utilizing the relative css classes - but it does not seem to work. Any thoughts on how to overcome this issue so that the sub-nav items display with the Arial font I want them to?


Looking forward to any thoughts, suggestions and/or insight.


TOM

Please Log in or Create an account to join the conversation.

Joomla! & WordPress Hosts

Liquid Web is our recommended web hosting provider for Joomla! & WordPress websites. This is the host that we use for websites that we build. Liquid Web has an excellent reputation, fast servers and most importantly awesome service! They have technicians that are familiar with Joomla! & WordPress. Their technicians go above and beyond what other hosting providers do, in our opinion.

  

Liquid Web Managed Word Press   

Support Development

Please consider a small donation to support development of the extensions on this site.



Joomla! Login

This is the normal Joomla! login module not the VirtueMart login module. Click the 'Create an account' button to see how you are redirected to the VirtueMart registration form when the KC VM Registration Redirect plugin is enabled.

Joomla! & WordPress Web Design and Development

If you are interested in having a website designed or redesign or need custom Joomla! or WordPress development, please visit Keashly.ca Consulting to view our Portfolio of Joomla! & WordPress website work.

Trademarks and logos remain the property of their respective organizations.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Keashly.ca Consulting is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Site Map Back to Top