My Custom.css not working

Question

When I inspect a web page I encounter an section element as section#sp-bottom

In the styles console, I see

#sp-bottom (
   margin: 10px 0px 0px 0px;
}

When I change the above 10px to 0px , I can see the page margin of 10px disappear.

Then in my custom.css of the template, i added

#sp-bottom {
   margin: 0px 0px 0px 0px;
}

But after clearing cache the page & browsing history, i still shows the 10px

Some please teach.

Answer 1

Try increasing more specificity by adding the tag name( section ) to the css selector,

section#sp-bottom {
   margin: 0;
}

Answer 2

你可以试试这个。

section#sp-bottom{ margin:0px;}

Answer 3

You might want to see this question .

I feel that your trying to edit your css through the browser. The content is in the memory therefore when you clear the cache it resets.

Answer 4

Try this

#sp-bottom {
   margin:0px !important;
}