WordPress.org

1. dtpage
   Member
   Posted 8 months ago #

   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.]

2. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

   Try using Firefox with the Firebug add-on for this kind of work.

3. dtpage
   Member
   Posted 8 months ago #

   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...

4. Rev. Voodoo
   Volunteer Moderator
   Posted 8 months ago #

   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

5. dtpage
   Member
   Posted 8 months ago #

   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?

6. Rev. Voodoo
   Volunteer Moderator
   Posted 8 months ago #

   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

7. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

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

8. dtpage
   Member
   Posted 8 months ago #

   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?

9. Rev. Voodoo
   Volunteer Moderator
   Posted 8 months ago #

   yessir!

10. dtpage
    Member
    Posted 8 months ago #

    rocknroll! thanks again!

11. dtpage
    Member
    Posted 8 months ago #

    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!

12. dtpage
    Member
    Posted 8 months ago #

    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.

Reply

You must log in to post.