Hello again, having played around with other themes, I've come back to this one, as it really is the best!
I created a view with a table in it and when previewing it there is the zebra styling, however when I visit the page from the menu my view has no zebra stripping! Anyone else noticed this behaviour?

Firebug reports:

 system.css?
tr.even, tr.odd {
background-color:#EEEEEE;
border-bottom:1px solid #CCCCCC;
padding:0.1em 0.6em;
}

Do I have to override the CSS? If so how?

Thanks again for your wonderful work on this theme, very much appreciated!

Comments

ludo1960’s picture

ludo1960 commented

Got a demo to do later this week, some help would be nice.

ludo1960’s picture

ludo1960 commented

The answer is to target the CSS of the view:

.view-id-theviewname tr.even {
background-color: blue;
}

.view-id-theviewname tr.odd {
background-color: green;
}

Use colours as required.

ajayg’s picture

ajayg commented

What I have noticed, zebra coloring does not work with IE but works fine with FF. Anybody noticed this?

arpieb’s picture

arpieb commented

I haven't run into it yet myself (no custom zebra stripes on my sites to date), but from what I understand IE is flaky about honoring the TR background-color style, and you have to also set it on the TD objects in the table as well...

andregriffin’s picture

andregriffin commented
Status: Active » Closed (fixed)

Yes, you have to target views tables specifically. Specifying TD bg as arpieb mentioned is also a good idea for IE. I will look into better global styling in the next version.