[Resolved] Placing a line around widgets

[CRISTO]

I got a great answer from Tom previously as to how to put a line around each footer widget on my site. The code he gave me is this:

.site-footer .footer-widgets-container .inner-padding {
padding: 20px;
margin: 20px;
border: 1px solid #000;
}

I liked it and want to add the lines around my sidebar widgets. I assume just some small change to the above code, but not sure what.

[Leo]

Hi there,

Try this:

.site-footer .footer-widgets-container .inner-padding, 
.sidebar .inner-padding {
    padding: 20px;
    margin: 20px;
    border: 1px solid #000;
}

[CRISTO]

I already have the lines around the footer widgets….I want lines around the right sidebar widgets. So is that really what I should use? Delete the css I have now and use what you gave me? Just don’t want to mess it up.

[CRISTO]

Thanks for your efforts Leo….it worked out, but then I decided I didn’t like the way it looked so decided not to use the lines on the sidebar…just the footer.

[Leo]

Yup only my CSS would be good.

The only difference is that I added the second line.

Let me know 🙂

[Leo]

Ok no problem 🙂

[Author]

Posts