Logo of SermonSpeaker Extension Claim

Login Form

Different colors for different rows

  • Josh
  • Topic Author
  • Visitor
  • Visitor
5 years 9 months ago #2701 by Josh
I would like to alternate colors for different row like this site here: www.redeemer-canrc.ca/audio-video

How do I go about doing this? Thanks

Please Log in or Create an account to join the conversation.

More
5 years 9 months ago - 5 years 9 months ago #2702 by Thomas Hunziker
You can use the CSS classes "odd" and even" for this. Add this CSS code to your templates css file:
tr.odd {
    background-color:#eee;
}
This will add a grey background to every second row.

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.
Last edit: 5 years 9 months ago by Thomas Hunziker.

Please Log in or Create an account to join the conversation.

  • Josh
  • Topic Author
  • Visitor
  • Visitor
5 years 9 months ago #2703 by Josh
Replied by Josh on topic Different colors for different rows
Thanks worked great!!

Please Log in or Create an account to join the conversation.

  • Josh
  • Topic Author
  • Visitor
  • Visitor
5 years 9 months ago - 5 years 9 months ago #2712 by Josh
Replied by Josh on topic Different colors for different rows
Ok, now that I have that working...Is there anyway to change the highlighted row color...currently it is light green. Also, is there anyway to change like the vertical and horizontal lines so it looks more like a table. I think they are currently white. Thanks
Last edit: 5 years 9 months ago by Josh.

Please Log in or Create an account to join the conversation.

More
5 years 9 months ago #2714 by Thomas Hunziker
The light green can be changed using the CSS class "ss-current":
.ss-current{
  background-color:##F78181;
}
would get you a light red.

If it doesn't work you can try to add an !important to it:
.ss-current{
  background-color:##F78181 !important;
}

How the table looks depends on your template. SermonSpeaker uses the CSS class "category" here. You can style the table using
table.category{
  ...
}
Maybe this can help you further: www.somacon.com/p141.php

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.

Please Log in or Create an account to join the conversation.

  • Josh
  • Topic Author
  • Visitor
  • Visitor
5 years 9 months ago #2717 by Josh
Replied by Josh on topic Different colors for different rows
Thanks for your help.

Please Log in or Create an account to join the conversation.

Time to create page: 0.103 seconds
Powered by Kunena Forum