I don’t see what exactly you are trying to hide, but the display: none function does work for that. If its not working then your selectors are wrong. I suggest using the chrome developer console to get the best selectors.
Also only use !important if the thing you are trying to override is using inline styling witch is the 2nd higest level of sepcificity, or if you are just checking to see if you used the correct selector and that its not just not specific enough. (So if it works with important, then remove important and then try and be more specific until it works. This is because if you then need to overide something were you used !important you can’t, or if you hand it over to somone else who did not know you used important.
If you use chrome developer console, then it is just a matter of seing if the css you applied shows up on the console, but is crossed out, and then see what crossed it out.
(@halo-diehard)
10 years ago
Hello, I’m trying to hide the whole comment section on my home page using CSS, because I don’t want to delete my old comments from when I set up the site, but I don’t want to see them and I don’t want to see this message when I put the comments on “unapprove”:
http://i.gyazo.com/9565388c1e73925ae3549afc3bc18ac4.png
I’ve tried simple CSS to try and hide the entire comment box for home, and nothing is working. I will admit that I am still perplexed by a lot of CSS and usually get things working by trial and error.
Here is one I’ve tried:
#cc.home-page div#comments .span11, #cc.home-page div#comments .span11 #comments-title {display: none !important;}I’m using Custom Community theme, and here is a link to the page (you won’t see the admin/comment bit, obviously):
http://www.halodiehards.net