These instructions require adding styling attributes to the Custom CSS section within a NetCommunity stylesheet. If you are not comfortable with HTML or CSS, you may need to consult with a qualified web design professional to implement these styling changes.
Note also that Blackbaud Product Support cannot assist with design and layout tasks such as these involving HTML and CSS as they are beyond the scope of support. These instructions are intended only as a guide and you should consult a qualified web design professional for technical assistance. The references below to third-party software are provided for reference only and are not supported by Blackbaud.
NetCommunity assigns either Class or ID attributes to most elements placed on pages. You can then use either an element's Class or ID to apply various styles (such as preventing display) to elements. Note that applying a style to an element with an ID only affects that one element, however applying a style to a Class will affect all elements on all pages with that same Class identifier. Exercise caution with applying styles to Classes as numerous elements with this same Class identifier will be affected. You can however use that Class behavior as an efficient way to apply a particular style to lots of elements, as long as you wish to apply the style to all of the Class elements (as opposed to only one or just a few).
Here are the general steps you'll follow to hide an element using the HTML ID of the element (see Note 1 below for instructions when using the Class attribute):
- Identify and copy the ID of the element you would like to hide (see Note 2 below)
- In NetCommunity, edit the page on which the element exists and click Edit Stylesheet (near the top of the page)
- Click the Custom CSS link at the top of the list on the left
- Place the following code at the very bottom of the right-side CSS code pane:
/* This is my description */
where This is my description is any text you'd like to use to describe the style you're applying (i.e. it's just a comment that won't be seen by site visitors) and elementID is the element's ID attribute.
- If you would like to apply a style to an entire Class, replace #elementID with .className (where className is the Class attribute). Note that the '#' symbol is replace with the '.' when applying styles using Class names.
- A tool such as Firebug (currently a free add-on for Mozilla's Firefox internet browser) can be very helpful to quickly identify the ID and Class of elements to which you'd like to apply CSS styles. Once Firebug is installed, you can browse to a NetCommunity page, right-click an element whose ID or Class you'd like to find, and choose Inspect Element. The element's HTML code will appear in the lower pane.