Adding a Horizontal Rule Above the 3 Widget Footer Area

Hi there,

Try

.footer-widgets {
    border-top: 2px solid #000;
}

Hi, Leo.

That didn't work. Here's a live link to the local development theme I'm working on:

stitchingincolour local

Thanks, Leo.

Edited the code above.

Hi, Leo.

That worked. Did the link help at all? Thanks.

Yup it always helps :)

Great! How can I shorten the horizontal rule so that it isn't the entire width of the widget area? I want it just slightly beyond the widget container. Thank you!

In that case you would have to do this instead:

.footer-widgets-container {
    border-top: 2px solid #dae5ef;
    padding-top: 40px;
}

Thanks, Tom. Worked.

You're welcome :)