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

minify - Minimizing css files -

neo4j - finding mutual friends in a cypher statement starting with three or more persons -

php - How to remove letter in front of the word laravel -