{"id":5960488,"date":"2015-03-30T20:00:48","date_gmt":"2015-03-30T20:00:48","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/css-not-applying-in-theme\/"},"modified":"2016-08-24T14:13:26","modified_gmt":"2016-08-24T14:13:26","slug":"css-not-applying-in-theme","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/css-not-applying-in-theme\/","title":{"rendered":"CSS Not Applying in Theme"},"content":{"rendered":"<p>Unfortunately I cannot share the website I&#8217;m working on with you as it&#8217;s internal.  Here is my problem:<\/p>\n<p>I want to hide a div.  I right click on the element in Chrome and choose Inspect Element.  This takes me to the element.  I add the following code:<\/p>\n<p>visibility:hidden;<\/p>\n<p>When doing that it hides the element just like I want it to.  I now copy the CSS to my style.css and save it.  When I refresh the page, the element is not hidden.<\/p>\n<p>Does anyone have any idea what I could be doing wrong?<\/p>\n<p>The CSS format is as follows:<\/p>\n<p>#view test {<br \/>\nvisibility:hidden;<br \/>\n}<\/p>\n","protected":false},"template":"","class_list":["post-5960488","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5960488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5960488\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=5960488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}