I'm trying to remove the bottom borders from my footer widgets. I am able to turn them off when I inspect the element but have not been able to permanently remove them from the CSS. Here is the line that I am having trouble with:
#footer-outer #footer-widgets .col ul li { border-bottom: 1px solid rgba(0,0,0,0.1)!important; }
I have tried editing the CSS in my child theme and in the parent theme – both to no avail.
I'm trying to remove the bottom borders from my footer widgets. I am able to turn them off when I inspect the element but have not been able to permanently remove them from the CSS. Here is the line that I am having trouble with:
#footer-outer #footer-widgets .col ul li { border-bottom: 1px solid rgba(0,0,0,0.1)!important; }
I have tried editing the CSS in my child theme and in the parent theme – both to no avail.
Thanks.
Hey Emily!
Simply use none like this:
#footer-outer #footer-widgets .col ul li {
border-bottom: none;
}Cheers
Salient Support Team
I have tried that many times but it doesn't work to remove the bottom borders. I am editing the main style sheet of my child theme.
Hey Emily!
Try this
div#footer-outer div#footer-widgets .col ul li { border-bottom: none !important; }
Cheers
Salient Support Team