ok, I give up. What is the class for changing the main menu font color?
Last Post 07/24/2006 7:47 AM by Lee Sykes. 3 Replies.
Author Messages
Jason Harlow
Nuke Active Member
Nuke Active Member
Posts:33


--
07/22/2006 4:23 PM

    Ok, I give up.

    I would like to have the font color on the menu bar to be #ffffff (white) and the submenu text color to be #000000 (black). Should be real easy as I've done it before... however, I cannot make it work on this skin. I know I'm overlooking something so please help..

    http://demo.harlowmedia.com/ozarkschools/

    The interesting thing about it is that I made it work on the "news" page.. the problem is, that CSS file breaks the Text / HTML editor. (strange stuff).

    Please help if you have nothing better to do.

    thanks
    jason

     

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/24/2006 3:24 AM
    Hi Jason,

    Just had a look on your site and it looks as though you have solved the text colour problem. - If you need anything else, let us know, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Jason Harlow
    Nuke Active Member
    Nuke Active Member
    Posts:33


    --
    07/24/2006 7:16 AM

    Hi Lee, actually you caught the page while I was trying a different skin. If you don't mind, please take another look.

    It will say "ozark city schools".

    The top menu text will be black, I'd like it to be White and then black on the subs. The other skin had this going on but I cannot pinpoint the class to make it happen.

    thanks
    jason

     

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/24/2006 7:47 AM
    Hi Jason,

    The first thing I would do is check for any links to your stylesheets within your skin because when I looked at the CSS with the web developer toolbar it showed 3 instances of the skin.css file and there should only be one.

    You can change the main head text to white in this class:

    .MainMenu_MenuItem {
        font-family: arial;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        border: #f6f6f6 1px solid;
        padding: 1px 8px 1px 0px;
        font-weight: normal;
    }

    This however changes all text to white.

    I then looked at this class:

    .MainMenu_SubMenu {
        cursor: pointer;
        margin: 3px 0 0 0;
        background: #ccc;
        padding: 1px;
        border: 1px solid #888;
        font-weight: normal;
    font-size: 20px;
    color: #000000;   
    }

    But changing the font in this class does not affect the sub-menu text even though it affects the sub-menu background etc.

    So, I could only find a way to set the overall text colour rather than one for the main menu and one for the sub menu.

    It would probably be worth your time taking the other skin to pieces and viewing where the colours for the text are stated and also how they have set up the menu as there must be another configuration that is set somewhere.

    Interesting problem, I've never needed to do this, let us know what you find, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---