How to Change the CSS of something that defines two items.

[gayatriom 0]

Hey everyone! (i'm back! ) I am using Buddypress and from member profiles there is a search field which is unnecessary because I have installed an advanced search form to search profiles. However when I use css to display:none the search field it also removes the search field for a biblefox Bible which is also on the site. How do I differentiate between the two in css ?

[timlinson 3]

You can add selectors increase the specificity of the rule. e.g. this hides the content area on all pages: `.content {display:none}` but this only hides it on the blog page ("blog" is in the list of classes of the blog page's `body` tag): `.blog .content {display:none}` Look for unique identifiers in the surrounding containers that you can use to make the rule more specific.