netbeans - Why is padding not appearing for this css class? -


i learning use netbeans , gulp develop in wordpress, following great tutorial @ lynda.com. have sass set compile partial .scss files style.css file project, compiles fine.

however, when attempt add padding around specific class, css not take effect. can see code added in style.css file here:

site-content {     padding: 2em; } 

and included in style sheet page; when webpage rendered, no padding appears (as in tutorial).

i thought maybe other css overriding padding, , found this:

<link rel='stylesheet' id='casse_dev-style-css'  href='//192.168.0.26:8080/wp-content/themes/casse_dev/style.css?ver=4.8' type='text/css' media='all' /> <link rel='https://api.w.org/' href='//192.168.0.26:8080/wp-json/' /> <link rel="edituri" type="application/rsd+xml" title="rsd" href="//192.168.0.26:8080/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="//192.168.0.26:8080/wp-includes/wlwmanifest.xml" />  <meta name="generator" content="wordpress 4.8" />         <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>  </head> 

the css code in included style sheet, style.css, in first line.

i don't see how !important;padding:0 interfering, since should affecting .recentcomments id selector, that's other clue have @ moment.

any appreciated...

the selector .recentcomments a, links inside .recentcomments not have padding.

and selector wrong. need .site-content{} (class selector) or #site-content{} (id selector), not site-content{}


Comments

Popular posts from this blog

angular - Ionic slides - dynamically add slides before and after -

minify - Minimizing css files -

Add a dynamic header in angular 2 http provider -