I have identified the individual widget and am able to apply CSS to it fine except I can not do what I think I want to do using Margin: 10px 20px 10px 20px;
I thought that this would bring the background in, or shrink the size of it.
If I have 4 widgets in 1000 wide space they all should be 250px, I want them to only be 200 with gaps, I have used the same css on the post to reduce them and it works. See Test Site Note widget on upper left, have opacity, color white, rounded corners but can not get it to shrink.
HTML Code:
firebug code: element.style { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: -moz-use-text-color; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 10px #333333; Margin: 10px 20px 10px 20px; opacity: 0.3;
Anyone?