Jump to content
Sign in to follow this  
gayatriom

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

Recommended Posts

gayatriom

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 ?

Share this post


Link to post
Share on other sites
timlinson

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×