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:2002
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:2002
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

Media Module *not* autostart? by PaulFlynn
Hi,I want to display a number of different .wmv files on a single page, but I'm concerned that the d...
RE: Event Module Scheduler? by mgordon
Never mind. I found out that you need to enable the Event Reminder in the actual Event that you are...
Event Module Scheduler? by mgordon
I have setup a Calendar of Events module on my page and have added events, no problem.  The main pro...
RE: Upgrading from 3.3.7 to 4.8.4 by puuri
I think I saw the answer to your last question on another thread real recently. If you go to the 'L...
Server Application Unavailable from localhost by picoallen
Hello,I have installed DotNetNuke and can open it from within Visual Web Designer, in which case it ...
RE: Upgrading from 3.3.7 to 4.8.4 by joannew
Hi, yes everything seems to be working fine. I get the following when viewing through Host Settings/...
RE: Database Access Error ! by nukedoubt
Got a fix........ 1)  Make sure that both the sqlDataProvider class and the DataProvider class are...
Database Access Error ! by nukedoubt
Error in Database Access : "The type initializer for 'MyCompany.Modules.Search.DataProvider' threw...
RE: Upgrading from 3.3.7 to 4.8.4 by jncraig
If everything "seems" to working normally, perhaps you can ignore it. It is possible that the other...
Upgrading from 3.3.7 to 4.8.4 by joannew
Hi,I've followed the upgrade procedures to upgrade from 3.3.7 to 4.8.4 and received the status repor...
RE: Regular restores to local machine by joannew
Thanks for getting back to me, just to let you know everything is working fine now, I can login as a...
RE: Create Bookmarks/Anchor Points/Page TOC by lb313
Thank you for your help Joe. Kind Regards Lisha Belbin
RE: Issue 22 - Login failed for user xxxx by picoallen
Thanks Joe, You put me on the right track there. Turns out that I had server authentication set t...
RE: How to speed DNN by mmcinulty
jump over to www.snapsis.com and get pageblaster. forum has alot of info about yslow and how to spee...
RE: Regular restores to local machine by jncraig
I've got more questions than answers ... Can you login as administrator and/or host? Can a logge...
RE: Refreshing Bl... IE by ollep
Thanks Guys!! Excelent support. I will - beleive it or not - be away from the computer for three...
Parent Portals and SSL by LucianV
Hi,I need to install and configure on our server several DNN parent portals (different domain names)...
RE: File Manager Upload (intermittent error) by dnnmq
Lee, your attention to this issue is truly appreciated because it's driving me nuts.js is included i...
RE: Regular restores to local machine by joannew
I've opened the tables and there is lots of data in there but nothing when i navigate to user accoun...
Duplicate Meta Description and Tag by vdelisi
Hi,analyzing my site with google webmaster tool , I've noticed that I have Duplicate Meta Descriptio...
DotNetNuke Modules
RSS Feeds