element.style [#2119437]

I am applying few cosmetics to my projects by removing padding, spaces,

tags and etc to come up with border-less objects. While using firebug i encounter this line:

element.style {
padding-bottom: 0;
{

normally firebug tells you where to make changes on the css file, but for this instance I have no idea where to place the above code in the css file.

thanks.
ferdienandp

Comment	File	Size	Author
	Clipboard01.jpg	35.44 KB	ferdienandp

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Jeff Burnz CreditAttribution: Jeff Burnz commented 24 October 2013 at 22:29

This usually means something is applying inline CSS on the element. I don't know what element that is because the screen shot does not show me, but you have to write your own selector, and usually you have to use !important to override an inline style.

Comment #2

ferdienandp CreditAttribution: ferdienandp commented 31 October 2013 at 10:16

Title:

element.style

» Better picture of the problem

This was the initial image for the page. http://postimg.org/image/dfzhdyakj/

Using firebug to debug the webpage look. I removed the bottom padding of the box, i then decreased the bottom-padding to 160px (from 208px) and the suggested code was:

element.style {
    height: 160px;
}
.panels-flexible-region-clone_of_profile_page-next {
    float: left;
    width: 17.7702%;
}
.panels-flexible-region {
    padding: 0;

Now it looks right viewing it in the browser using firebug (http://postimg.org/image/dxc2irj61/), but when i place the element.style code inside the css file;