WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Adding dropdown menu hover effect to Product Category Widget (2 posts)

  1. krisscross90
    Member
    Posted 6 months ago #

    Anyone know how to add a hover effect to my product category widget, so that when I hover on the categories, the .children ul will appear. I tried doing this within the wordpress menu area but the categories that I've set up don't seem to show up there. I know that there's a dropdown menu option, but I would like all of the options to show on the page.

    Thanks in advance! :)

    http://wordpress.org/plugins/woocommerce/

  2. krisscross90
    Member
    Posted 6 months ago #

    I'm trying to do something like this but it's not working....

    ul.product-categories li.cat-item ul.children li.cat-item {
    	display: none;
    }
    
    	ul.product-categories li.cat-item :hover > ul.children li.cat-item {
    		display: block;
    	}
    ul.product-categories li.cat-item {position: relative;display: block-table;}
    ul.product-categories li.cat-item:after {content: ""; clear: both; display: block;}
    
    ul.product-categories li.cat-item ul.children {
    	background: #5f6975; border-radius: 0px; padding: 0;
    }
    	ul.product-categories li.cat-item ul.children li.cat-item {
    		float: none;
    		position: relative;
    	}
    		ul.product-categories li.cat-item ul.children li.cat-item a {
    			padding: 0;
    			color: #fff;
    		}
    			ul.product-categories li.cat-item ul.children li.cat-item a:hover {
    				background: #4b545f;
    			}

Reply

You must log in to post.

About this Plugin

About this Topic