Sidebar Categories Hover effect

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

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

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.

https://imagesharing.com//photo.php?s=ajdbrkwu

Hello,

Please provide your site admin access to the private area.

Best Regards

Hello

Hello,

I cannot login. Please check the credentials

Best Regards

Hello,
This is the login information

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

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;
}

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

Best Regards

Hello,
Can you have another question related to the categories in the sidebar.
In custom css I use code to transform all letters into capital letters how can this not apply to subcategories

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the access to your site. I will give the custom CSS.

Best Regards

Hello.

I am sending you my login details

Hello,
Thanks.
I made it.

Hello,

The access is not valid: https://gyazo.com/e112d346bb57ae38d2be81a52a16ffba

Best Regards

Hello,
I turned on the server authentication again so that the site would not be indexed by Google. I achieved what I want. Thank you!

Hello,

I still cannot enter the site to change the text-transform, do you still need it?

Best Regards

Hello,
I did what I wanted.
Thank you very much for your responsiveness! I will reserve the right for another time.

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

Best Regards

[Author]

Posts