Hello. Here I am again, in a jam … I was wondering if a CSS guru could take a look at a strange issue I’m experiencing where everything lined up nice and looked great until I plugged in the CSS for the revolution slider. As soon as I did that, a margin (or padding) was introduced to the left edge of the div that sits directly below the slider div in question. So, the slider itself is fine, but has somehow affected the divs directly below it … and only after I had hooked up the settings.css file. In fact, if you comment out the settings.css file, everything snaps back to the way it was … when you enable it again, you can see that the area with the heading “Results Beyond Words” suddenly margins over about 52 pixels to the right which then breaks that div.
I went through the settings.css file and couldn't really find anything that was even named close to any of my elements in that are that got broken. Some kind of voodoo?
You can also set the left margin of the div “results-beyond-words” to -52px instead of “auto”, and that fixes it … but I had always heard it’s bad form to leave those negative margins in there … could cause rendering trouble … plus I also just want to understand what the hell happened.
Dev link: http://sterling-testing.com/website2014/marginIssue/