Home Forums WoodMart – Premium Template Sidebar Categories Hover effect

This topic contains 9 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 days, 14 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #243175
    axander44
    axander44
    Customer

    Hello,

    Can you tell me how to make the categories in the sidebar of the store to have a hover effect
    as it is if it is selected to be as a drop-down list and somehow I made it for the header category menu.
    I’m sending a video to preview what I want:https://screencast-o-matic.com/watch/cYXYIFLOoN

    Greetings, Alexander

    #243232

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .color-scheme-light .woodmart-product-categories .children {
        background-color: red;
    }
    .header-categories-nav .categories-menu-dropdown .item-level-0>a {
        color:green;
    	  background:red;
    }
    .header-categories-nav .categories-menu-dropdown .item-level-0>a:hover {
        color:yellow;
    	background-color:green; 
    }
    body .vertical-navigation .menu-simple-dropdown li a {
        color: red;
    	background-color:yellow;
    }
    body .vertical-navigation .menu-simple-dropdown li a:hover {
        color: yellow;
    	background-color:green;
    }

    Set the colors as per your needs.

    Please provide the URL of the shop page so that I could give you the custom CSS

    Best Regards

    #243240
    axander44
    axander44
    Customer

    Hello,

    Thanks for your reply!
    However, I had in mind those Categories that are in the sidebar when the shop opens. When I tried the code you wrote me, the colors of the header drop-down menu change.
    Sidebar Categories
    https://imagesharing.com//photo.php?s=ajdbrkwu

    • This reply was modified 5 days, 12 hours ago by axander44 axander44.
    #243366

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    #243384
    axander44
    axander44
    Customer

    Hello

    Private Content Hidden
    #243498

    Hello,

    I cannot login. Please check the credentials

    Best Regards

    #243499
    axander44
    axander44
    Customer

    Hello,
    This is the login information

    Private Content Hidden
    #243564

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .widget_product_categories .product-categories li a {
    color:red;
    }
    .widget_product_categories .product-categories li a:hover {
    color:blue;
    }
     .widget_product_categories .product-categories li.current-cat>a {
        color: green;
    }

    Best Regards

    #243608
    axander44
    axander44
    Customer

    Hello,
    Thank you very much!

    I changed the code a bit and got exactly what I wanted:

    .widget_product_categories .product-categories li a {
    padding-left: 10px;
    color:black;
    font-weight: bold;
    }
    .widget_product_categories .product-categories li a:hover {
    padding-left: 10px;
    color: white;
    background:orange;
    }
    .widget_product_categories .product-categories li.current-cat>a {
    padding-left: 10px;
    color: black;
    background:lightgrey;
    float: left;
    display: inline;
    }

    #243650

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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

You must be logged in to reply to this topic.