I’m using the Twentyeleven theme and I’m having some trouble getting rid of margins. I’m using a child theme and it seems like the part of the code I want it to overwrite is not working. For instance, my sidebar is on the left hand side of the page and when I use firebug it says that #secondary margin-left is 7.6% or something. So I changed it to 0 in my .css and still nothing. I’ve tried a bunch of different things and haven’t been able to get my #primary or #secondary to budge at all. Any help would be appreciated. My site is muscogeemp.com if you want to see for yourself.
Thanks in advance.
When you “override” CSS (whether in a child theme or anywhere else), you have to make sure that the new code is “specific” enough to override the old. So to change something in the #primary code, you have to use .left-sidebar #primary as the selector as that’s what is used in the CSS file (existing) see line 178. Looks like same goes for secondary.
Try using Firebug or other similar tool — which can help you sort out things like this.