Navigation Bar: Hover Color

Viewing 4 posts - 1 through 4 (of 4 total)
  • #13318
    WWIN
    Participant

    In the ThemeOptions.php

    It outlines the tools that should be shown on the page:
    Pinboard Options ->Theme Options ->Design

    This piece Indicates that on that menu there should be a tool to easily change the hover color on the navigation bar.

    Select theme to edit:

    function pinboard_menu_hover_color() { ?>
    <input name="pinboard_theme_options[menu_hover_color]" type="text" id="menu_hover_color" class="wp-color-picker" value="” />
    ‘#00a6c3’,

    But that had no effect

    Another part I found:
    Pinboard: theme-options.php (includes/theme-options.php)

    ‘pinboard_colors’ );
    add_settings_field( ‘pinboard_menu_hover_color’, __( ‘Navigation Links Hover Color’, ‘pinboard’ ), ‘pinboard_menu_hover_color’,

    Now, I’ve been searching around in the files for a navigation bar/ menu file that would directly let me set the color but so far this is the only snippets I found.

    My site: http://www.womenwinninginthenation.org

    I’d greatly appreciate being pointed to where I can set this hover color. Or if this is something I need to write CSS for to overwrite other code about it.

    #13319
    WWIN
    Participant

    Sorry I just realized all my pasting bits of code my first two separate bits got melded together:

    This is what I changed:

    Pinboard: Theme Functions (functions.php)
    ‘menu_hover_color’ => ‘#00a6c3’,

    It didn’t work but I haven’t found another place where you directly set a color choice. In the previous pinboard version it was part of that user friendly Design menu.

    Thanks!

    #13325
    Alexander
    Participant

    Hi WWIN,

    Instead of tweaking the code, which will be possible replaced with an update, try to add the color changes in your css instead. I wrote a tutorial how to change certain parts of the menu:

    http://www.mouseclick.com/tutorials-2/adjust-the-navigation-bar/

    Cheers,
    Alexander @ http://www.mouseclick.com

    #13822
    a.l.r
    Participant

    HI Alex,

    Your tutorial is super helpful, especially for a first timer like me. However I couldn’t get some of navigation CSS to work.

    1.)Change sub-menu width

    #access li ul {
    min-width: 200px;
    }

    2.) Size of sub menu
    #access a span {
    line-height: 1.62em;
    }

    I used this instead to adjust the height and it worked..
    #access ul {
    line-height: 10px;
    }

    but I still can’t figure out how to adjust the width of the sub-menu. Could you help me with that? THANKS
    http://www.lineswetrace.com

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.