Archived topic
Placing a line around widgets
5 replies · Started by CRISTO on September 11, 2018
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.
Hi there,
Try this:
.site-footer .footer-widgets-container .inner-padding,
.sidebar .inner-padding {
padding: 20px;
margin: 20px;
border: 1px solid #000;
}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.
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.
Yup only my CSS would be good.
The only difference is that I added the second line.
Let me know :)
Ok no problem :)
