Modify Nav Bar in WordPress 2.7

[sephira]

I downloaded your multi-level navigation plugin, everything is great I just need to change two things

1. Color from blue to purple 4D265B I went to your multi-level CSS Generator. Purple isn’t one of the options. If I manually put that color in will it take?

I went into the plugin editor and I do not see that it can be done there. It does not show up in the style sheet. What is the easiest way to change it to purple?

2. Remove or hide categories, archives, and links. I just want pages listed?

test.thegetsmartblog.com is the website it is on, the site this blog will be tied to is http://allaboutresults.biz/about.html

[sephira]

Please ignore request 2 I found that in settings and have since excluded the areas I do not want. I just now need to know how to get the color changed?

I changed text colour and text colour on hover to 4D265B generated this code and added it to custom code box 1, nothing changed.

#suckerfishnav {
    background:#4D265B repeat-x;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#4D265B;
    }

[imported_Ryan]

Hi,
You can change the colour codes in the CSS generator to anything you want. You don’t need to use the little palette tool.

Hopefully that answers your question, if not then let me know.

[sephira]

Okay let me try this one more time, I figured out the color issue. I have one last tweak I need to make and that is increasing the space/padding between the nav bar and the header can that be done and if so how?

Thank you

[imported_Ryan]

Try:
[code:2z8dauso]#suckerfishnav {padding-top:20px}[/code:2z8dauso]

or if you don’t want to extend the menu and just want a gapp …

[code:2z8dauso]#suckerfishnav {margin-top:20px}[/code:2z8dauso]

[Author]

Posts