Main » Design » How To Hide Certain Boxes or Elements on a Page

• Print
• Save to list
• E-Mail
• Subscribe

If you want to quickly hide certain boxes or elements on your JEM theme, you can quickly do it using some basic CSS. 

Here's an example:

You want to hid the Register link on the top of each page in JEM.

1. You need to view the HTML source of the page and get the CSS id for the Register link.  It is jroxTopRegister
2. Click on Design > Site Layout and select the Custom CSS tab
3. Enter the following CSS code:
   
   #jroxTopRegister { display: none }
   
   
4. This tells the browser to NOT display that link with the ID jroxTopRegister
5. This then hides the Register Link for you.

For other elements on the page, you need to get their CSS id in order to do the same thing.  If you are using the Firefox browser, there is a Firefox add-on called "Web Developer", which allows you to view CSS elements, their IDs and styles easily without having to look at the actual HTML code.