Support » Themes and Templates » navbar styles

  • Trying to find the code to change color of navbar/dropdown menu items. In this template it seems to have been dubbed navline. Here’s all I’ve been able to find…

    Nothing under “typography and headers” in the main stylesheet. But under “layout”:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    Then in dropdown.php:

    ><?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'menu_class' => 'dropdown dropdown-horizontal reset', 'container' => '', menu_id => 'nav' ) ); ?>
    			<div class="clear"></div>

    But nowhere do I find code to determine color and background for those menu items. I tried changing link colors in main stylesheet but to no avail.

    Thoughts?

    Cheers.

    [Please post code snippets between backticks or use the code button.]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Try using Firefox with the Firebug add-on for this kind of work.

    Thread Starter dtpage

    (@dtpage)

    Wow. Very cool. What does it mean when there’s a strikethrough on a line of code? And where do I find default.css in my WP editor? Also: if I edit right there in the Firebug window it doesn’t seem to affect the website…

    the strikethrough, I believe, means the css isn’t taking effect. Usually due to a different rule conflicting. a rule with more specificity, or something…. you can usually find the rule where that same property is being affected in firebug

    Firebug only lets you test code, for it to take effect you need to edit the actual theme css

    Thread Starter dtpage

    (@dtpage)

    Thanks so much esmi and Rev. Voodoo. Firebug is definitely the deal! I found the code I need, but now can’t find the default.css in order to make the actual changes. Any ideas?

    you’ll need to use an ftp program, or a file manager if your host has one. It’s most likely tucked away in your theme

    Unfortunately the editor doesn’t find css files not in your themes root folder

    If you hover over the CSS file name in Firebug, it should show you the file location/path.

    Thread Starter dtpage

    (@dtpage)

    Great. Thanks so much! I’ve found the file. In order to edit it, do I just open it in something like simpletext, then save it as a .css file, then upload the new file by ftp?

    yessir!

    Thread Starter dtpage

    (@dtpage)

    rocknroll! thanks again!

    Thread Starter dtpage

    (@dtpage)

    Okay. Perhaps not so easy as it had initially seemed. The relevant code according to Firebug is as follows (from dropdown>themes>stylish>default.ultimate.css):

    ul.dropdown li a, ul.dropdown .dir {
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0;
    color: #000000;
    }

    When I test change the color (#000000 to #CEBA39) in Firebug it does what I want it to (changes the color of navbar menu items). But then I can’t find the exact same lines of code in the actual default.ultimate.css:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    I tried changing the #000000 that I did find in default.ultimate.css and replaced the old one via ftp but it had no effect. Any ideas? Thanks!

    Thread Starter dtpage

    (@dtpage)

    Sorry, the relevant code in the default.ultimate.css, as far as I can tell, is:

    ul.dropdown li.hover *.open {
    position: relative;
    z-index: 600;
    margin: -1px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-color: #f0f0f0 #666 #666 #f0f0f0;
    background-color: #fff;
    background-image: url(images/dropdown_arrow.png);
    color: #000000;
    }

    But changing the color code there doesn’t seem to have any effect on the navbar menu items.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘navbar styles’ is closed to new replies.