You need to Register for free and Login to post a message in the forum.

Forum

Forums > DotNetNuke® > DotNetNuke® Questions
Subject: How Do I Change the Menu Font Color???
Prev Next
You are not authorized to post a reply.

Author Messages
sydcam
Nuke Newbie
Nuke Newbie
Posts:2
07 Aug 2008 7:17 PM  
Hi,

I'm new to DNN and I'm developing a new skin from scratch.  I need to know how to change the color of the items in my main menu.  I have been trying to use the "Edit CSS" tool in Firefox to modify the css settings.  I tried to change the .MainMenu_MenuItem with no success.  What am I missing?

Thanks!
usheen
Nuke Newbie
Nuke Newbie
Posts:7
07 Aug 2008 9:46 PM  
If you are using Firefox I would advise getting the Firebug addon installed. Once you have done that restart your browser and revisit your website, place your mouse over the text/item which you want to see the CSS for and click on the "Inspect element" option which should appear on the buttom of your Right-Click Menu.

You should now see the HTML window on the lower left of your screen and across from that is the list of CSS elements which effect the appearance of the HTML element you want.

The part you are concerned with here is the CSS file and the element, so for a simple example I will use the your username as it appears in your post above.

Right-Click your mouse while it is over "sydcam". Select "Inspect element". The Firebug window should now be appearing at the bottom half of Firefox.

Hopefully you will see the line beginning with:   td class="afpostinfol" .... highlighted and on the right you will see the CSS for: .afpostinfol, .afpostinfo2..... and also the CSS file and line number for these: module.css (line 120).  

So now we know that in order to alter the appearance of the text "sydam" we must open up the file "module.css and go to line 120 and alter the ".afpostinfol, .afpostinfo2" elements.

However, sometimes we can have CSS files with the same name in a website and attached to the same HTML file. So, if you look again at the CSS information window in Firebug on the bottom right of your screen and look again at the line with ".afpostinfol, .afpostinfo2" you will notice that the name of the file "module.css (120)" is actually a link. If you place you mouse over the link the full address of the location of that particular CSS file is shown.

You do not need to click on it, just right-click on it and select "copy location". Now depending on whether or not you are on a live server or a localhost development server you should open the CSS file in Notepad/Dreamweaver and edit that particular line, or in the case of a live server you should download the file name, make you changes and upload it.

If you are on a localhost/developement server/pc then you can just click on the "module.css (line 120)" file name and it will open up, you can make you changes instantly and they are saved to the file. This obviously only works on local installations of a website.

That was a bit of a mouth full, but if you play around with Firebug in Firefox you can save yourself alot of time in designing and laying out your site design.
sydcam
Nuke Newbie
Nuke Newbie
Posts:2
07 Aug 2008 10:11 PM  
Thank you for your quick response. I will give this a try. Do you know of a good menu module? I may not need it if I can get your solution to work, but I would still like to know if there is a good tool/module to create or modiy my menu. Thank you again!
usheen
Nuke Newbie
Nuke Newbie
Posts:7
07 Aug 2008 10:18 PM  
We have been using Snapsis Nav Menu mainly because the SolPartMenu is a mess in both CSS/HTML and SEO terms.

Snapsis is cheap, easy to setup and there are thousands of variations you can use, its also very easy to customise to your own needs and it is generates CSS and SEO friendly code.
jncraig
Nuke Master II
Nuke Master II
Posts:2034
14 Aug 2008 9:59 PM  
Just a note that the "Edit CSS" option in the Web Developer's Toolbar doesn't change the CSS files in your DotNetNuke installation. It lets you modify what's local to your browser only.

I concur that the Snapsis menu is a good one.
Joe Craig
DNN Creative Support
Subscribe to the website
usheen
Nuke Newbie
Nuke Newbie
Posts:7
15 Aug 2008 8:36 AM  
Sorry sydcam,

As jncraig noted you can't save changes to the CSS file using the Edit CSS option. We have tweaked our own version of the developer toolbar to allow us to edit and save changes locally, I forgot to/should have mentioned that.
jncraig
Nuke Master II
Nuke Master II
Posts:2034
15 Aug 2008 9:09 AM  
Perhaps you could donate those "tweaks" back to the community so that they can be incorporated into the next version of Web Developer's Toolbar.
Joe Craig
DNN Creative Support
Subscribe to the website
You are not authorized to post a reply.
Forums > DotNetNuke® > DotNetNuke® Questions > How Do I Change the Menu Font Color???


ActiveForums 3.7

Latest Forum Posts

RE: Keep Testing Skins by ollep
Some details re Logo possition: HTML:div class="header">p>[LOGO]p>div>Found possitioning in "index_...
Pathing issues after setting up a domain name by harlowj
I had a site configured here: http://www.autorotate.com/portal/chl (all works good)I then decided to...
RE: Keep Testing Skins by ollep
Hi Lee – and Joe   I’m Using DNN 4.5.5   I just installed Summer Breeze Skin and Template, and a...
RE: DNN - web services not working by jncraig
Do your web services have their own config files? Are they located in actual directories below the ...
RE: Installation on Vista by jncraig
You install Visual Studio according to the installation instructions. Once installed, you can "open...
Installation on Vista by jesp17
I followed the how to install DNN to Vista, but what I miss is the intallation of visual studio. Can...
RE: Building a website with DNN by freedom22
Hi Lee, Thanks for getting back to me. I understand now what you are saying, but I am still confuse...
RE: How to limit access to the admin menu.... by tallorder
Hi Lee Unfortunately I can't see how it works in reverse because the original process involved movi...
RE: Building a website with DNN by leesykes
Hello,Those classes refer to the menu, and therefore will not be specified in your skin.htm file as ...
RE: [HOUSEMENU] token not working by leesykes
Glad you sorted it, thanks,
RE: [HOUSEMENU] token not working by whred5
OK I fixed myself after googling the problem. If anyone else comes across this situation you need t...
DNN - web services not working by paulrobinson
Good Afternoon,Please help.  I have just installed my DNN web site to my dedicated live host machine...
[HOUSEMENU] token not working by whred5
HiI have been playing around with the Lazy_Days skin in an effort to learn css based skinning, I hav...
RE: Building a website with DNN by freedom22
Lee or Joe, I meant that the skin.css file I downloaded has classes like .main_dnnmenu_item td w...
RE: Building a website with DNN by freedom22
Lee, thanks for your reply. I did find the files. I am going through your tutorail, and in video7...
RE: page publish date by leesykes
I would suggest you view these tutorials:User Accounts new features User Accounts and User Settings ...
RE: page publish date by jncraig
I'm not quite sure that I understand you, but ... on the user accounts page there are these options:...
RE: Best so far for me by jncraig
I like the Snapsis CSS Nav Menu. You'll find it at Snapsis.com.
RE: How to limit access to the admin menu.... by leesykes
Hello,Simply reverse the process, you can copy the settings from one of the other admin menu items t...
RE: How to limit access to the admin menu.... by tallorder
Shame about the parent page drop down being grey out since any Site Administrator is going to want t...
DotNetNuke Modules
RSS Feeds