Having given my sidebar a background color, I needed to move all titles, icons, widget text and any other content away from the left and right edges of the container. The code I used did the job perfectly – but it also changed the margins in my FP and footer widget areas, causing havoc:
I’ve found the :not selector which looks handy. Is that is the right way to go about this — although I might have trouble if the non-sidebar elements on my page have variable margin settings since the :not syntax requires me to apply my code in reverse, ie apply a value to all other elements which aren’t .widget-area so that I can apply a different value to .widget-area. Hopefully, it doesn’t have to be this complicated.