[Resolved] Border Under Each List Item in Widget

[Connor R]

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!

[Leo]

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/

[Connor R]

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!

[Leo]

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

[Connor R]

Thanks, Leo!

[Leo]

No problem 🙂

[Author]

Posts