[Resolved] Adding a Horizontal Rule Above the 3 Widget Footer Area

[Janine]

Hi, guys.

How can I add a horizontal rule above the three footer area? Thank you!

[Leo]

Hi there,

Try

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

[Janine]

Hi, Leo.

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

stitchingincolour local

Thanks, Leo.

[Leo]

Edited the code above.

[Janine]

Hi, Leo.

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

[Leo]

Yup it always helps 🙂

[Janine]

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!

[Tom]

In that case you would have to do this instead:

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

[Janine]

Thanks, Tom. Worked.

[Tom]

You’re welcome 🙂

[Author]

Posts