- Posts: 8
- Thank you received: 0
Clean Table Layout
- Dave Gortemaker
- Topic Author
- Offline
- New Member
Less
More
17 Feb 2012 00:37 #1502
by Dave Gortemaker
Clean Table Layout was created by Dave Gortemaker
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!
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!
Please Log in or Create an account to join the conversation.
- Andrei Chernyshev
- Offline
- Translator
17 Feb 2012 04:06 #1503
by Andrei Chernyshev
Replied by Andrei Chernyshev on topic Re: Clean Table Layout
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.
Code:
.odd { background:#efe7d9 }
.even { background:#efe7d9 }
like.
Code:
.odd { background:#efe7d9 }
Please Log in or Create an account to join the conversation.
- Thomas Hunziker
- Offline
- Administrator
17 Feb 2012 09:30 #1508
by Thomas Hunziker
Replied by Thomas Hunziker on topic Re: Clean Table Layout
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.
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.
Please Log in or Create an account to join the conversation.
- Andrei Chernyshev
- Offline
- Translator
17 Feb 2012 13:26 #1511
by Andrei Chernyshev
Replied by Andrei Chernyshev on topic Re: Clean Table Layout
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.
Please Log in or Create an account to join the conversation.
- Dave Gortemaker
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
21 Feb 2012 23:17 #1528
by Dave Gortemaker
Replied by Dave Gortemaker on topic Re: Clean Table Layout
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!
Please Log in or Create an account to join the conversation.
22 Feb 2012 03:17 - 22 Feb 2012 03:28 #1529
by B.Pohl
Replied by B.Pohl on topic Re: Clean Table Layout
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?
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?
Last edit: 22 Feb 2012 03:28 by B.Pohl.
Please Log in or Create an account to join the conversation.
Time to create page: 0.118 seconds