Footer CSS Style

I am very close to finishing the design on my site. I cannot figure out a css style in my footer. I created a custom html block. I can get the list items to appear correctly using the follow custom css:

footer .mega-menu-list .sub-sub-menu li a {
color: #FFF;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
line-height: 6px;
}
footer .mega-menu-list .sub-sub-menu li a span:hover {
color: #000;
}

The problem is I cannot get footer .mega-menu-list .sub-menu formatted correctly. I want it to be black and change to white on hover. I have tried the a number of combinations.

http://prntscr.com/p8goqt

Hello,

I have seen your attachment. As you want to display the footer main headings in black color and on hover you want to change the color to white.

To achieve that paste the below css in Theme Setting >> CUSTOM CSS >> Global Custom CSS:

.footer-container .nav-link-text{  
    color:black;  
}
.footer-container .nav-link-text:hover{   
    color:white;  
}
.footer-container .sub-sub-menu .nav-link-text{  
    color:white;  
}

Best Regards.

[Author]

Posts