Home › Forums › WoodMart support forum › Sticky menu color / transparency
Sticky menu color / transparency
- This topic has 1 reply, 2 voices, and was last updated 4 years, 7 months ago by
Elise Noromit.
Viewing 2 posts - 1 through 2 (of 2 total)
-
AuthorPosts
-
December 2, 2020 at 9:48 am #246876
CreativeHouseParticipantPlease, how i set color and transparency level on sticky menu?
Thank you.
December 2, 2020 at 2:54 pm #246981
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
/*sticky background*/
body .whb-sticked .whb-general-header { background-color: green; } /*sticky main menu color*/ body .whb-sticked .woodmart-navigation .item-level-0.current-menu-item>a{ color:yellow; } body .whb-sticked .woodmart-navigation .item-level-0>a{ color:yellow; } body .whb-sticked .woodmart-navigation .item-level-0>a{ color:orange; } body .whb-sticked .woodmart-navigation .item-level-0>a:hover{ color:yellow; } body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children>a:after{ color:orange; } body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children:hover >a:after{ color:yellow; } body .whb-sticked .woodmart-navigation .item-level-0>a .nav-link-text:after { background-color: yellow; } /*My Account*/ body .whb-sticked .woodmart-header-links .item-level-0>a { color: orange; } body .whb-sticked .woodmart-header-links .item-level-0>a:hover { color: yellow; } /*Search*/ body .whb-sticked .search-button >a { color: orange; } body .whb-sticked .search-button:hover>a { color: yellow; } /*wishlist*/ body .whb-sticked .woodmart-wishlist-info-widget .wishlist-icon { color:orange; } body .whb-sticked .woodmart-wishlist-info-widget .wishlist-count{ color: red; background-color: yellow; } /*cart*/ body .whb-sticked .woodmart-shopping-cart .woodmart-cart-icon { color:orange; } body .whb-sticked .woodmart-cart-design-5 .woodmart-cart-number{ color: red; background-color: yellow; } body .whb-sticked .woodmart-shopping-cart .woodmart-cart-subtotal .amount { color: red; } /*compare*/ body .whb-sticked .woodmart-compare-info-widget .compare-icon { color:orange; } body .whb-sticked .woodmart-compare-info-widget .compare-count{ color:yellow; background-color:orange } body .whb-sticked .woodmart-cart-design-2 .woodmart-cart-number{ color:yellow; background-color:orange }
Replace the colors as per your need
Best Regards
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to create new topics. Login / Register