tbbinaustin
Forum Replies Created
Viewing 2 replies - 1 through 2 (of 2 total)
-
Forum: Themes and Templates
In reply to: Redux Theme – Menu Item Hover BackgroundAndrew – That did the it. Thanks for the help.
Forum: Themes and Templates
In reply to: Redux Theme – Menu Item Hover BackgroundThanks for the reply Andrew. I have not asked the theme’s vendor. Don’t know if this helps, but here is all the code associated with the menu from the theme’s style.css
/*-----------------------------------------------------------------------------------*/ /* 4. Navigation & Menus /*-----------------------------------------------------------------------------------*/ #primary-nav { height: 30px; margin-bottom: 40px; float: right; margin-right: -10px; } #primary-nav ul { margin: 0; padding: 0; list-style: none; } #primary-nav ul a { padding: 0 0 0 10px; color: #f1eee5; font-weight: bold; float: left; font-size: 13px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } #primary-nav ul li { position: relative; z-index: 40; float: left; margin: 0 0 0 10px; } #primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #primary-nav ul ul li { width: 100%; } #primary-nav ul a:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a { background: url(images/sprite.png) 10px 60px; /* Left image */ text-decoration: none; } #primary-nav ul a:hover span, #primary-nav ul li.sfHover a span, #primary-nav ul li.current-cat a span, #primary-nav ul li.current_page_item a span, #primary-nav ul li.current-menu-item a span { background: url(images/sprite.png) 100% 30px; /* Right image */ } #primary-nav ul li.sfHover li a, #primary-nav ul li.sfHover li a span{ background: none; } #primary-nav li li a:hover, #primary-nav li.sfHover li a { background: none } #primary-nav li a span { display: block; padding: 5px 10px 5px 0; float: left; cursor: pointer; } #primary-nav li li a span { padding: 0 } .sf-sub-indicator { text-indent: -9999px; } #primary-nav li a span.sf-sub-indicator { background: url(images/sprite.png) 29px 120px; width: 29px; height: 30px; float: left; margin: 0 0 0 -7px; padding: 0; } .ie #primary-nav li a span.sf-sub-indicator { height: 28px; } #primary-nav ul a:hover span.sf-sub-indicator, #primary-nav ul li.sfHover a span.sf-sub-indicator, #primary-nav ul li.current-cat a span.sf-sub-indicator, #primary-nav ul li.current_page_item a span.sf-sub-indicator, #primary-nav ul li.current-menu-item a span.sf-sub-indicator { background: url(images/sprite.png) 29px 90px } .ie #primary-nav ul a:hover span.sf-sub-indicator, .ie #primary-nav ul li.sfHover a span.sf-sub-indicator, .ie #primary-nav ul li.current-cat a span.sf-sub-indicator, .ie #primary-nav ul li.current_page_item a span.sf-sub-indicator, .ie #primary-nav ul li.current-menu-item a span.sf-sub-indicator { height: 29px; } #primary-nav li .sub-menu li a span.sf-sub-indicator, #primary-nav li.sfHover .sub-menu li a span.sf-sub-indicator { height: 12px; } #primary-nav li li a span.sf-sub-indicator, #primary-nav li.sfHover li a span.sf-sub-indicator { background: url(images/sprite.png) 37px 84px; height: 12px; margin: 5px 0 0 0; width: 10px; float: right; } #primary-nav li.sfHover li.sfHover li a span.sf-sub-indicator { background: url(images/sprite.png) 37px 84px } #primary-nav li li.sfHover a span.sf-sub-indicator, #primary-nav li li.sfHover li.sfHover a span.sf-sub-indicator { background: url(images/sprite.png) 37px 72px } /* Make sub menus appear */ #primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul { left: -1px; top: 36px; /* match top ul list item height */ z-index: 99; } /* Hide all subs subs (4 levels deep) */ #primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul { top: -9999em; } /* Displays all subs subs (4 levels deep) */ #primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul { left: 180px; /* match .nav ul width */ top: -1px; } /* 2nd level skin */ #primary-nav ul ul { position: absolute; top: -9999em; width: 180px; /* left offset of submenus need to match (see below) */ background: url(images/nav_dropdown_bg.gif) repeat; padding: 15px 5px 15px 5px; margin: 3px 0 0 0; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #primary-nav ul ul li { float: left; width: 150px; background: none; border-bottom: 1px solid #0f0f0f; border-top: 1px solid #262626; padding: 0 5px 0 5px; } #primary-nav ul ul li:first-child { border-top: none } #primary-nav ul ul li:last-child { border-bottom: none } #primary-nav ul ul li a { font-size: 12px; font-weight: normal; padding: 5px 0 5px 0; width: 150px; } #primary-nav ul li a, #primary-nav ul li a span, { background: none }
Viewing 2 replies - 1 through 2 (of 2 total)