Zurb table strip style

Question

I don't want to style the default style for alternating lines in the css Foundation framework.

What is the easiest way to remove it?

http://foundation.zurb.com/docs/components/tables.html

Answer 1

You can overwrite the standard CSS rule of the foundation table using:

table tr:nth-of-type(even) { background-color: transparent !important; } 

Answer 2

I looked at the link you provided and it looks like all you have to do is delete this segment in css:

 table tr:nth-of-type(even) { background: #f9f9f9; } 

Answer 3

Or you can use a more semantic route and use mixins. Something like:

 $table-bg: #fff; $table-even-row-bg: #fff; 

Must work.

Answer 4

In _settings.scss either:

 $table-color-scale:0% 

or

 $table-is-striped: false; 

Answer 5

For Foundation 6.4 :

By default, table rows alternate. There is a .unstriped class for strip removal. If you change $table-is-striped to false to remove bands from all tables, use the .striped class to add bands.

So, now you can configure or disable and enable selectively in tables.

For previous versions of Foundation 6, you may need to add the following to your settings or, as a last resort, to your main CSS file:

 $table-striped-background: $table-background; 

This assumes that you @import your Foundation library instead of including the compiled version as a silent CSS file on your page. The real advantage of an SCSS structure such as Foundation is that it is written in SCSS, so you can extend it and use it in SCSS.