Clean Table Layout

Another question from a satisfied user...

Is there anyway to clean up the look of the table information (see www.redeemer-canrc.ca/audio-video )? I would like to add grid lines and/or alternating white and grey row lines etc. I read through the lay outing info but not sure how to make these simple changes to appearance.

Some tips would really be appreciated! Thanks again in advance!

in your custom.css file for template add the following lines. you can replace #efe7d9 with any 2 colors that you choose. or you can use just one
like.

Such things are all donw with CSS like Andrej already pointed out.
If you're unsure about which classes and ids are available, you can use the development tools that come with the browsers. For IE press F12 and you get a small window with some icons. Click the cursor icon and then click the webpage element you want to know. This will select the corresponding HTML in the window and show you all applied CSS rules. Play around with it, it's very helpful to customize a page.
For the Firefox theres a Web Developer Addon which does similar things.

Google Chrome has a good one built in. all you have to do is right click over section you want to see and select inspect element.

Thank you gentlemen for all your help. Those were very helpful tips and I put them to good use. Keep up the valuable work on a great product! I also appreciate your timely responses!

I wondered if anyone could help me out. I've been trying to apply the .even and .odd classes (as above) through the [my_template]/css/custom.css file. However, I can't seem to get it to work.

I have tried applying the css through the sermonspeaker.css as well, but that also didn't seem to work.

Can anyone point out where I could be going wrong? The code I've been inserting is the same as andrei gave.

---

Edited to add, I just disabled the gzip & minify settings in my template & it seems to be working.

Do you know if there's a way to keep gzip & minify & still have custom css?