Archived topic
Border Under Each List Item in Widget
5 replies · Started by Connor R on June 19, 2020
Viewing posts 1–6 of 6
I have a menu that I have added as a footer widget on my site. Under each menu item, I would like to add a solid white border. I can't seem to quite figure out the CSS to make this happen.
Thanks!
Hi there,
Try this CSS:
.footer-widgets .widget_nav_menu a {
border-bottom: 1px solid #fff;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Hi Leo,
This got me started. Is there any way to set the width of the borders to be equal (see footer of afterschoolfinance.com)?
Thanks!
The other site is using a different HTML to build that.
You would try a solution like this:
https://stackoverflow.com/questions/4131490/any-way-to-limit-border-length
Thanks, Leo!
No problem :)
This archived topic is closed to new replies.
