Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Navigation - Top Menu CSS StylesNavigation - Top Menu CSS Styles
Previous
 
Next
New Post
9/6/2011 11:58 AM
 
The items in the example are the top menu items....

so "Delivery Modules" and "Issue Management" will be at the top level.  There are just different styles applied depending on if the word is on line 1 or line 2. 

There there is a submenu which isn't an issue at this point.  I am just trying to figure out how to get the top menu to have different styles.

Thx
 
New Post
9/6/2011 4:31 PM
 
Ah, I understand now! You could use jQuery to target the first or second word and apply a style to that, but as far as having control over it without using jQuery, there really isn't a way.

You could wrap the text that you want to be smaller with "Delivery <span>Modules</span>" but that will show up in the URL, so not a good option at all.


Ralph Williams, Jr.
UX Designer / Front-End Web Developer
www.RalphWilliams.com
Ralph Williams Consulting
Twitter: twitter.com/ralphwilliams

Professional DNN7: Open Source .NET CMS Platform
 
New Post
10/10/2011 9:42 AM
 
Thanks for your reply.
I think what you proposed would work for menu and submenu styling, but what if I want them all to be the menu items. For example, "Delivery" shown below is a menu item, and "Modules" beneath "Delivery" is also on the menu item, but just with different color and different font. "Modules" is supposed to be the description of "Delivery" tab.

ex: Home Delivery Issue etc
Modules Management

Thank you.
 
New Post
10/10/2011 9:48 AM
 
thanks...how would you do that in jQuery to target the first or second word and apply different styles please? I am not really expert on js, and I appreciate your help. 
 
New Post
10/10/2011 5:40 PM
 
Hi Tanya

Here is an example I made a while ago, it wraps every second word in a span so you can style differnt

http://jsfiddle.net/nokiko/eVjKp/
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Navigation - Top Menu CSS StylesNavigation - Top Menu CSS Styles


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out